html - 多个 h1 是否会导致屏幕阅读器出现问题?

标签 html accessibility w3c screen-readers

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

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

最佳答案

到处使用h1 is valid (如果正确使用分段元素),但 HTML5 规范 encourages作者使用与节的嵌套(h1-h6)对应的等级的标题元素。

为什么鼓励到处使用h1,尽管这can be beneficial ?很可能是因为并非所有相关的用户代理(如屏幕阅读器)都支持 HTML5 outline algorithm .

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

关于html - 多个 h1 是否会导致屏幕阅读器出现问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35314891/

相关文章:

html - 在屏幕阅读器中强制分离元素

Android TalkBack 和 fragment 堆栈

geolocation - navigator.geolocation.getCurrentPostion 的调用次数有限制吗?

添加/删除字段的 Javascript 函数

屏幕阅读器未读取 WPF TextBlock 内容

html - Opengraph W3C 有效吗?

html - 社交图标悬停

javascript - onclick 使不显示和阻止的麻烦

html - 图像标题(文本)与图像一起显着缩小

html - 将绝对 div 在相对表格单元格中水平居中