WAVE
另见: WebAIM WAVE, Web Accessibility Evaluation Tool
WebAIM 提供的免费浏览器扩展无障碍评估工具。它是 axe-core CI 检测器的可视化伴侣——WAVE 直接在已渲染页面上叠加显示无障碍问题。
WAVE——Web Accessibility Evaluation Tool——是 WebAIM(Web Accessibility In Mind)提供的免费无障碍检测器。WebAIM 是设于美国犹他州立大学的无障碍非营利机构。WAVE 自 2001 年持续开发至今,是网络上历史最悠久的无障碍审计工具。
WAVE 的功能
WAVE 提供两种主要运行模式:
- wave.webaim.org——在线扫描器。粘贴 URL 后,WAVE 抓取页面并以左右并排视图呈现结果(左侧为实时页面,右侧为标注说明)。
- WAVE 浏览器扩展——适用于 Chrome/Edge/Firefox 的扩展程序,直接在当前浏览页面上进行评估。页面上会覆盖图标,标示错误、警告、结构元素、ARIA 使用情况及对比度。
两种模式产生的输出大致相同:将分类问题清单叠加在实时页面上,审计人员可直接看到每个问题的具体位置。
WAVE 能检测的内容
WAVE 的检测项与 axe-core 高度重叠,但呈现方式不同——WAVE 专为进行视觉审查的人工审计人员设计,而非用于 CI 集成。检测结果包括:
- 错误——无障碍缺陷(缺少替代文本、空按钮、缺失标签、低对比度、ARIA 引用失效)。
- 对比度错误——WAVE 自有算法检测出的颜色对比度违规(与 WCAG 算法基本一致)。
- 警告——需要人工判断的潜在问题(可疑的替代文本、替代文本过长、可能跳级的标题)。
- 特性——无障碍达标项(带替代文本的链接图片、正确关联的表单标签、语言声明),供审计人员确认哪些内容运作正常。
- 结构元素——可视化的地标、标题、列表和表格,便于核实页面结构是否符合预期。
- ARIA——页面上所有 ARIA 属性,均可供审查。
WAVE 优于 axe-core 的场景
在人工审计方面,WAVE 的视觉叠加层远比 axe-core 的树形视图高效。经验丰富的审计人员只需数秒便能扫读一张 WAVE 标注页面,识别出需要关注的问题。而 axe-core 的输出则针对程序化消费而优化。
在CI 集成方面,axe-core 具有决定性优势。WAVE 没有命令行界面,也没有适合 CI 的输出格式。
大多数无障碍项目在实践中采用以下组合:
- CI:由 axe-core(和/或 Lighthouse)在新违规出现时阻断拉取请求。
- 人工审查:在发布审查、抽检及临时调查中使用 WAVE 进行视觉审计。
WAVE 无法检测的内容
所有自动化工具的局限性同样适用于 WAVE:
- 能检测缺失的替代文本,但无法判断替代文本是否恰当。
- 能检测缺失的标签,但无法判断标签是否具有误导性。
- 能检测结构问题(标题级别跳级),但无法判断概念层面的问题(页面大纲是否与内容匹配)。
- 无法测试键盘导航、焦点顺序或屏幕阅读器的实际表现。
自动化检测上限为 30%—40%。WAVE 在能够自动化的无障碍检测部分表现出色。
WebAIM 的更广泛贡献
WebAIM 发布了多份与 WAVE 互补的参考文件:
- WebAIM Million——基于 WAVE 测试对前百万主页无障碍状况进行的年度分析。报告持续显示,逾 95% 的主页存在可检测的无障碍问题。
- WebAIM 屏幕阅读器用户调查——每两年一次的屏幕阅读器用户人口调查,是引用最广的屏幕阅读器市场份额、浏览器搭配及辅助技术偏好来源。
- 涵盖替代文本、表格结构、PDF 无障碍、字幕等多个主题的教程库——内容偏重实践,而非对标准的逐条解读。