无障碍最佳实践

标题级别只应递增一

标题层级出现跳级(例如从 H2 直接跳到 H4),让屏幕阅读器用户难以理解页面结构。

此规则检查什么

确保标题的顺序在语义上是正确的.

为什么重要

屏幕阅读器用户会借助标题浏览页面。这是支持 WCAG 1.3.1 的最佳实践。

此规则属于推荐做法:未通过它本身并不构成 WCAG 不合规,因此我们的报告将它与 WCAG 不合规问题分开列出。

如何修复

  1. 调整受影响区块中的标题层级,使其按顺序排列、不跳级。
  2. 只修改标签,不修改视觉样式(用 CSS 类控制字号)。

如何检查修复效果

  • 重新扫描,并用 HeadingsMap 等浏览器扩展检查标题大纲。

FixReports 如何发现此问题

我们的扫描会在真实的 Chrome 浏览器中,对所测的每个页面运行 axe-core 规则 heading-order,并报告每个未通过的元素及其所在页面、标记代码,以及适用时的截图。

自动化测试可以确认这个具体问题确实存在,但无法判断页面的其余部分是否无障碍:有些障碍只有在人工检查页面时才会显现。

立即扫描您的网站

发现问题,修复问题,验证结果。

这是什么类型的网站?

你的回答会选择合适的检查,例如网店的购物流程。我们仍会检查网站本身的证据,并同时显示两者。

这是什么类型的网站?

免费扫描,无需信用卡。