五种能够识别可访问性问题的自动化工具（请记住）

　　

五种能够识别可访问性问题的自动化工具（请记住）

　　

　　许多网站accessibility 问题难以检测和锁定。例如网站上的关键图片缺少alt描述，或者页面标题看起来正确，但实际上顺序不正确，或者电子邮件订阅表格网站上缺少标签导致转化率下降率。这些隐藏问题中的任何一个都可能导致用户无法理解您的网页并降低网站 的可访问性和可用性。

　　对于网络优先的公司或产品，发现和识别网络可访问性问题非常重要。目前，互联网上有大量的网络可访问性检查器。下面我们介绍五种可以识别可访问性的常见类型。问题自动化工具（请记住，自动化测试只能发现 20-30% 的问题）：

　　1. WAVE：网站可访问性评估工具

　　也许它是网站accessibility 测试工具中最著名的一个。 WAVE（网站accessibility评估工具）产品套件由WebAIM开发和维护。 WebAIM 致力于让残障人士可以访问网络内容。

　　他们有几个网站accessibility 检查工具。在 WAVE 主页面上，您可以输入 URL 以检查各个页面。它将在页面旁边弹出一个侧边栏，其中列出了页面上的错误、警告和辅助功能。它还会覆盖您的页面，用图标显示错误的位置。

　　

　　IT Manager Network 主页上的 WAVE 报告示例（有点震撼）

　　这个免费工具也可以作为浏览器扩展轻松运行（WAVE for Chrome 和 WAVE for Firefox）。这使得在任何页面上运行快速测试变得非常容易。 WAVE 扩展程序通常是我首选的浏览器扩展程序，用于快速进行可访问性审核。

　　如果需要更多自动化功能，可以考虑WebAIM提供的付费产品WAVE API，可以为站点安排自动化的站点可访问性检查。您可以通过API检查自定义视口大小的可访问性，提供身份验证来检查登录后的页面，并对检测结果进行截图。

　　2. SortSite

　　

　　SortSite 是一个网站 测试工具，它提供桌面和网络应用程序来测试可访问性、断开的链接、HTML 和 CSS 标准、搜索引擎优化和跨浏览器兼容性。

　　可访问性检查程序将针对所有三个 WCAG 2 级别（A、AA、AAA）和 Section508 指南运行。您可以在他们的网站上运行 10 个页面的免费可访问性扫描，或者您可以购买他们的软件来执行更多操作。以下是报告示例：

　　

　　SortSite 可访问性报告选项卡的屏幕截图

　　生成的报告将显示错误和警告，并根据其影响确定优先级。最高优先级意味着用户会发现某些页面不可用，直到“有点困难”的页面。该报告收录指向 WCAG 和第 508 节指南的直接链接。您可以将这些链接传递给开发人员和设计人员，以便他们遵循指南并采取正确的行动。

　　根据我的经验，此工具对于快速扫描整个网站并生成大型报告非常有用，但错误消息有时会令人困惑。

　　3.ax：无障碍引擎

　　和 WAVE 一样，ax 也有 Chrome 和 Firefox 的扩展，但 ax 扩展更侧重于开发者。该扩展程序将在浏览器的开发者工具中添加一个新标签。

　　

　　ax 扩展开发者面板截图

　　ax 扩展对开发者来说是一个非常好的工具。当您在页面上运行报告时，您将获得所有问题的列表。您还可以过滤需要审查的违规或问题。由于可访问性测试的成功或失败通常取决于上下文，因此这是一个重要功能。

　　ax 浏览器扩展基于开源 ax-core JavaScript 库。这意味着该引擎可用于创建自定义的自动化无障碍测试，并可与主要的 JavaScript 测试库结合使用。

　　4.Pa11y

　　Pa11y 是另一种更侧重于开发人员的可访问性测试资源。它们提供了多种工具来设置您自己的可访问性测试套件，包括用于为多个 URL 安排测试的命令行界面、仪表板和网络服务。

　　这些工具需要开发人员进行设置，一旦配置完成，它们就可以成为持续监控可访问性问题的绝佳工具。

　　在 Mediacurrent，我们将 pa11y 命令行工具集成到我们的许多构建过程和持续集成管道中，这有助于我们在无障碍问题进入代码库之前捕获它们。主动预防问题绝对是帮助开发者详细了解网站accessibility 最佳实践的好方法。

　　如果你不是开发者，但想查看pa11y工具生成的报表类型，可以使用Koa11y。 Koa11y 是一个桌面应用程序，可用于运行 pa11y 命令行界面的 macOS、Windows 和 Linux 操作系统。如果您团队中的开发人员已经在使用 pa11y 命令行工具，并且您想查看他们正在查看的问题，那么这可能是一个有用的工具。这是一个示例报告。

　　5.tota11y

　　

　　tota11y 是由可汗学院的开发人员构建的工具。目标是通过在页面上添加视觉标记来降低理解可访问性问题的入门门槛。

　　当 tota11y 处于活动状态时，Web 浏览器的左下角会出现一个菜单。打开时，您可以选择显示或隐藏与标题、对比度、混淆链接文本、表单标签和图像相关的错误。 Tota11y 会在页面上突出显示错误，并详细说明问题的原因和可以采取的纠正措施，非常直观明了。

　　tota11y 工具可以在任何桌面浏览器上的任何网站 上轻松使用。您也可以直接在网站 上嵌入脚本，但书签仍然是最常用的方式。

　　其他工具

　　这五个工具只是当今自动化测试可用的辅助工具中的一小部分，付费版本会更加强大。

　　正如我上面提到的，自动化测试只能帮助您找到一些可访问性错误。为了确保一个完全可访问的站点，您需要一个收录自动测试和手动测试的庞大计划，因为某些错误需要“人工测试”才能发现。您可以查看我们的指南，了解为何以及如何执行手动无障碍测试。