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