Heading elements are not in a sequentially-descending order 是什么意思

Heading elements are not in a sequentially-descending order
  标题元素不是按顺序降序排列的  屏幕阅读器具有在标题之间或特定地标区域之间快速跳转的命令。事实上,一项对屏幕阅读器用户的调查发现,他们最常

[时间:09-25]    [浏览:]    [放入收藏夹]    [查看详情]
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 可访问性评分帖子。

  如何修复结构不佳的标题#

  使所有标题元素遵循反映内容结构的逻辑数字顺序。

  确保您的标题文本清楚地传达了相关部分的内容。


标签: