多个h1会导致屏幕阅读器出现问题吗?

时间:2016-02-10 12:10:24

标签: html5 accessibility w3c screen-readers

当我放置一个我正在通过W3C检查器构建的网站时,它要求我考虑仅使用h1作为顶级标题并指出我在某个部分内部有h1的部分。它还提到屏幕阅读器会将它们全部视为顶级元素,但是,根据HTML5规范,部分有效地“重置”标题,以便您可以从其中的1-6开始另一个层次结构。

如果我们试图专注于W3C验证和可访问性,我应该只在部分内使用h2-h6吗?或者这个警告不正确?

3 个答案:

答案 0 :(得分:2)

尽管每当你有一个新的部分时重置标题级别并没有严重错误,但是遵循你正在使用的工具给出的建议并正确实现标题层次结构是一个好习惯。在完整的文件中构建。

例如,某些屏幕阅读器可能会让您使用某些快捷方式使用某个快捷方式转到下一个h1标题,并且您无法假设每个屏幕中的实现都相同读者。有些人可能会选择转到同一部分中的下一个h1,有些人可能会选择转到DOM命令中的下一个h1

答案 1 :(得分:2)

h1处使用h1(如果正确使用了切片元素),但HTML5规范is valid作者使用与该部分嵌套对应的排名的标题元素({{1 }} - h6

为什么鼓励在任何地方使用h1,尽管这是encourages?最有可能的原因是并非所有相关的用户代理(如屏幕阅读器)都支持can be beneficial

因此,如果您想支持不支持HTML5和/或大纲算法的屏幕阅读器,您可能需要按照建议使用相应等级的标题元素。

答案 2 :(得分:-1)

此警告是正确的。每页只能有一个h1,并且应与页面标题匹配。您可以有多个H2来表示H1下新部分的开始,并像轮廓一样用H3或H4进一步细分这些部分。屏幕阅读器用户依靠H1发出主要内容开始的信号。如果您有多个H1,则会令人迷失方向,他们现在必须通读每个部分的所有内容以了解页面的结构。