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

Question

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

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

Answer 1

h1在任何地方使用都是有效的（如果正确使用分段元素），但 HTML5 规范鼓励作者使用与section\xe2\x80\x99s 嵌套 ( h1- h6) 对应的排名的标题元素。

\n\n

为什么鼓励不要到处使用h1，尽管这可能是有益的？很可能是因为并非所有相关的用户代理（如屏幕阅读器）都支持HTML5 大纲算法。

\n\n

因此，如果您想支持不\xe2\x80\x99 不支持 HTML5 和/或大纲算法的屏幕阅读器，您可能需要按照建议使用适当级别的标题元素。

\n

Answer 2

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

例如，某些屏幕阅读器可能使您能够使用某些快捷方式转到下一个h1标题，并且您不能假设每个屏幕阅读器中的实现都是相同的。有些人可能选择进入h1同一部分中的下一个，有些人可能选择进入h1DOM 顺序中的下一个。