无障碍与可用性测试工具清单|对比度 键盘导航 屏幕阅读 与审计

无障碍不是“额外加分项”,而是产品质量的一部分:对比度、键盘可达、语义结构、表单提示、可读性等问题,越早发现越省成本。下面整理一份覆盖“自动扫描 + 设计侧检查 + 真实屏幕阅读器验证 + 持续审计”的工具清单,适合在设计评审、开发联调和上线前做快速自检。

WAVE Web Accessibility Evaluation Tool

工具地址:https://wave.webaim.org/

免费商用:WebAIM 出品的在线扫描器与浏览器插件,适合快速发现对比度、表单标签、ARIA 使用等常见问题,并用可视化标注定位到页面元素。

axe DevTools (Deque)

工具地址:https://www.deque.com/axe/devtools/

需看协议:业内常用的自动化无障碍规则引擎与浏览器扩展,规则覆盖面强;适合在开发阶段做持续扫描,并把问题分配到具体组件/页面。

Lighthouse (Accessibility)

工具地址:https://developer.chrome.com/docs/lighthouse/overview/

免费商用:Chrome 自带审计工具的一部分,适合做“上线前快速体检”,把无障碍分数纳入发布检查清单;但不要只看分数,要回到具体条目逐条修。

Accessibility Insights

工具地址:https://accessibilityinsights.io/

免费商用:微软维护的检查工具,支持快速检查 + 引导式的“评审流程”,对键盘可达性、焦点顺序、语义结构的人工检查步骤更清晰。

ARC Toolkit (TPGi)

工具地址:https://www.tpgi.com/arc-platform/arc-toolkit/

需看协议:提供浏览器插件与更完整的平台化能力,适合团队做规范化审计、跟踪与报表;如果需要对标 WCAG 条款,也更方便归类。

Siteimprove Accessibility Checker

工具地址:https://www.siteimprove.com/integrations/browser-extensions/

需看协议:浏览器端即时提示型检查器,适合内容团队/运营在发布前自查(标题层级、链接文本、图片替代文本等),把问题挡在“内容入口”。

Colour Contrast Analyser (CCA)

工具地址:https://www.tpgi.com/color-contrast-checker/

免费商用:桌面端取色与对比度计算工具,适合设计评审时快速判断文本与背景是否满足 WCAG AA/AAA,对渐变/图片背景也更直观。

Stark (Figma/Sketch/Adobe XD)

工具地址:https://www.getstark.co/

需看协议:设计工具内的无障碍插件生态,能在设计阶段做对比度、色盲模拟、焦点顺序等检查;适合把无障碍前置到组件库与设计系统。

NVDA Screen Reader

工具地址:https://www.nvaccess.org/

免费商用:Windows 上最常用的屏幕阅读器之一。自动化工具只能发现一部分问题,关键路径(注册/下单/支付/表单提交)务必用 NVDA 走一遍。

VoiceOver (macOS/iOS)

工具地址:https://support.apple.com/guide/iphone/turn-on-and-practice-voiceover-iph3e2e415f/ios

免费商用:苹果系统自带屏幕阅读器,适合验证移动端/桌面端的手势、焦点与朗读顺序。建议把“用 VoiceOver 完成一次核心任务”作为发布门槛之一。

Pa11y

工具地址:https://pa11y.org/

免费商用:可集成到 CI 的自动化无障碍测试工具,适合把规则检查变成流水线的一部分(PR 触发、定时巡检),减少“回归后又坏掉”。

tota11y

工具地址:https://khan.github.io/tota11y/

免费商用:Khan Academy 出品的页面可视化诊断工具,适合给非工程同学做培训和共识建立,让大家在同一页面上“看到问题是什么”。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

暂无评论,快来抢沙发吧~

操作成功