2021 年面向开发人员的最佳 Web 可访问性工具

您使用的工具的质量决定了您诊断和解决问题的速度。

每年，网络技术的格局都会发生巨大的变化，而最近可访问性工具也不例外。

我将这篇文章分为 4 个类别 - 资源、开发工具、持续集成和屏幕阅读器。

资源

我将这些页面添加到书签中以供参考和学习新技术。

• Mozilla 辅助功能文档
• W3C WCAG 指南
• Smashing Magazine - 无障碍设施
• CSS技巧 - 可访问性

网络上有很多很棒的无障碍博客，我建议你去浏览一下——Digital A11y就是一个很好的起点。

开发工具

• axe - axe 已迅速成为自动化可访问性测试的事实标准。Deque 的 axe-core 测试引擎为大多数常用工具提供了底层实现，并且还提供了一个免费的 Chrome 扩展程序，可以快速识别最常见的页面错误，并提供解决方法的指导。这绝对是我测试任何新代码时的首选工具。

• pa11y - pa11y 是一款基于 axe-core 的自动化测试工具，可以作为提交钩子或前端构建流程的一部分在您的开发环境中运行。它具有极高的可配置性，因此您可以针对不同的可访问性标准和视口运行自动化测试，忽略特定的 WCAG 规则集，并作为测试套件的一部分触发页面上的操作。如果您希望将 pa11y 完全集成到您的前端构建中，那么 @f3igao 的精彩博文《如何自动化 Web 可访问性测试》将是一个很好的起点。

• DomainAccessibilityAudit - 我在研究如何测试整个网站是否存在 a11y 问题时发现了这个工具，它非常适合。您可以输入一个根 URL 来开始测试，它会抓取所有后续页面上的所有链接并执行审核，本质上是抓取整个网站并生成 a11y 问题报告。如果您想测试一组特定的页面而不是抓取整个网站，也可以输入 sitemap.xml 文件。

• 网络可访问性见解- 微软对可访问技术的承诺通过其免费的 Chrome 扩展程序得以体现，并为 axe-core 框架提供了另一个有用的界面。

• Siteimprove 可访问性检查器- Siteimprove 浏览器扩展程序提供了最全面的界面之一，可帮助您解决问题，并提供详细的修复建议。强烈推荐您将其添加到您的工具箱中。

• Lighthouse - 没有时间或权限安装软件来运行快速的 a11y 检查？Lighthouse 内置于 Chrome DevTools，提供快速、易懂的问题检查器，并与 Chrome 浏览器完美集成。它还提供其他建议，包括页面性能改进、服务器配置以及使用渐进式 Web 应用程序的见解。

持续集成

在生产环境出现问题之前就发现它们是在持续集成 (CI) 流程中添加无障碍工具的主要优势之一。最近，该领域的集成和报告便捷性取得了巨大进步，我预计明年还会继续提升。

• pa11y-ci - 一组用于 pa11y 的命令行工具，pa11y-ci 让您有机会在 CI 服务器上运行 pa11y 测试套件。

• lighthouse-ci - 如果您希望在 CI 环境中运行一套全面的测试，lighthouse-ci 能够充分发挥 Google Lighthouse 应用的全部功能。除了可访问性检查之外，lighthouse-ci 还能以最完善的独立报告形式，汇报您应用的性能、SEO 和最佳实践。

屏幕阅读器

• JAWS - JAWS 是最受欢迎且仍在使用的最古老的屏幕阅读器。它代表了很大一部分屏幕阅读器用户，因此它是测试问题时必不可少的工具。

• NVDA - NVDA 是我测试的首选屏幕阅读器，因为它开源且免费。它更新也相当频繁，而且根据我的经验，比 JAWS 的怪异现象更少。我预计未来几年 NVDA 的受欢迎程度将超过 JAWS，所以如果你要选择学习一个，NVDA 是最佳选择。

• VoiceOver - VoiceOver 是 iOS 和 Mac OS X 屏幕阅读器的实际标准。它极其易用，文档也非常丰富。绝大多数移动设备上的屏幕阅读器用户都在使用 VoiceOver，因此，如果您的主要用户群体是移动用户，那么 VoiceOver 就是您最重要的工具。

• TalkBack - TalkBack 是 Android 操作系统的屏幕阅读器。与 VoiceOver 类似，在移动 Web 开发中，使用 TalkBack 进行测试至关重要。遗憾的是，Android 设备上的操作系统版本差异很大，因此，在使用 TalkBack 进行审核时，最好根据您的具体情况，先使用比最新 Android 操作系统更老的几个版本进行测试。

我希望您发现此列表很有帮助 - 每年我都会添加额外的更新，其中包含我发现的任何新工具，并提供有关景观进展的任何评论。

最初发表于jaketracey.com