Heading elements are not in a sequentially-descending order
标题元素不是按顺序降序排列的
屏幕阅读器具有在标题之间或特定地标区域之间快速跳转的命令。事实上,一项对屏幕阅读器用户的调查发现,他们最常通过浏览标题来浏览不熟悉的页面。
通过使用正确的标题和地标元素,您可以显着改善辅助技术用户在站点上的导航体验。
【用大白话解释就是:解决办法是:<h1> <h2> <h3> <h4> 要按照顺序来,如果有h1后直接就h3,那肯定就不行,所以必须是h2】
注意:经验不足的开发人员有时会跳过标题级别以获得所需的视觉样式。例如,他们可能会使用某个<h3>
元素,因为他们觉得<h2>
文本太大。这被认为是一种反模式。相反,使用正确排序的标题结构并使用 CSS 来根据需要对标题进行视觉样式。
Lighthouse 航向级别审核如何失败#
Lighthouse标记标题跳过一级或多级的页面:
例如,
为页面标题使用
元素,然后为页面的主要部分使用元素将导致审核失败,因为
级别被跳过:
Page title
Section heading 1
…
Section heading 2
…
Lighthouse 可访问性分数是所有可访问性审核的加权平均值。有关更多信息,请参阅Lighthouse 可访问性评分帖子。
如何修复结构不佳的标题#
使所有标题元素遵循反映内容结构的逻辑数字顺序。
确保您的标题文本清楚地传达了相关部分的内容。