HTML5大纲和“不支持的浏览器”消息？

Question

我正在使用HTML5大纲工具查看我们的网站并尝试改进其结构。我已经确定我们只有一个元素，我已经添加标题到无标题的部分等等。

我们在HTML中有一个“不支持的浏览器”消息，但如果您的浏览器受支持，则会隐藏该消息。有没有办法我可以对此进行标记，以便屏幕阅读器和搜索引擎知道忽略它？也许在需要时用JavaScript插入它会更好，但这不是项目现阶段的选项。

Answer 1

有趣的是，有一个很好的方法可以做到这一点。它有点了解CSS speak attribute，可以通过以下方式使用：

<span class="dontRead">Screen readers shouldn't read this</span>

.dontRead {
    speak: none;
}

参考文献：

Is there a way to write content that screen readers will ignore?

http://www.w3schools.com/cssreF/css_ref_aural.asp