WCAG 标题检查器,免费
粘贴 HTML 以根据 WCAG 2.2 条款 1.3.1 验证您的标题层级。识别跳级、缺失 h1、重复 h1 和空标题。
结果
粘贴 HTML 并点击「检查标题」。
📚 学术基础与来源
此工具适用的人群
正确的标题结构对屏幕阅读器用户和依赖文档结构导航、理解的认知障碍人士至关重要。WebAIM 屏幕阅读器用户调查一贯发现,通过标题导航是屏幕阅读器用户最常见、最受欢迎的策略之一。有认知和学习障碍的人也能从清晰的层级中受益,标题提供了降低认知负担的内容大纲(W3C 认知无障碍指南)。世卫组织《残障人士健康公平全球报告》(2023)估计,全球有 13 亿人 · 约占世界人口 16% · 患有显著障碍,其中许多人使用依赖语义化标题结构的辅助技术。
WCAG 2.2 要求
- CS 1.3.1(信息与关系,A 级):视觉传达的信息、结构和关系必须能够以编程方式确定。
- CS 2.4.1(绕过块,A 级):标题让用户能够在各部分之间导航,起到绕过机制的作用。
- CS 2.4.6(标题与标签,AA 级):标题描述它们所引入内容的主题或目的。
- CS 2.4.10(章节标题,AAA 级):使用章节标题来组织内容。
学术参考
- WebAIM (2024).「Screen Reader User Survey #10 Results.」webaim.org · 一贯发现标题导航是屏幕阅读器用户理解页面结构和查找内容的首要策略之一。
- Power, C., Freire, A., Petrie, H. & Swallow, D. (2012).「Guidelines are only half of the story.」CHI ’12, ACM。· 研究发现标题结构问题是盲人用户最常遇到的无障碍障碍之一。
- W3C Web Accessibility Initiative (2023).「Page Structure: Headings Tutorial.」w3.org/WAI · 定义了标题层级的最佳实践,包括每页只有一个 h1 和顺序嵌套。
- WebAIM.「Semantic Structure: Using Headings.」webaim.org · 说明标题结构如何同时支持屏幕阅读器导航和视觉扫读。
- Deque Systems.「heading-order(axe-core 规则)。」· 自动化检查:标题层级每次只能增加一级,以确保有效的文档大纲。
- 世界卫生组织(2023).Global Report on Health Equity for Persons with Disabilities. · 估计 13 亿人(约全球人口 16%)患有显著障碍。
免责声明
此工具只检查标题的层级结构。它不评估 WCAG 2.2 的其他方面,如颜色对比、键盘可访问性或 ARIA 使用。有效的标题层级是无障碍的必要条件但不是充分条件。若需 WCAG 2.2 完整合规,请结合全面审计工具(axe、WAVE、Lighthouse)和使用辅助技术的人工测试。
注意:此工具只检查标题的层级结构。若需 WCAG 2.2 完整合规,请结合全面审计工具和人工测试。