网站可访问性的五个自动化测试工具

网站可访问性自动化测试工具

很多网站可访问性问题很难察觉和锁定,例如网站上的关键图片缺少alt描述,或者页面上的标题看起来正确,但实际上顺序并不正确,或者邮件订阅表格上缺少标签,导致了转化率的降低。任何这些隐秘的问题都可能导致用户无法理解您的网页,降低网站的可访问性和可用性。

对于web优先的公司或者产品来说,发现并识别web可访问性问题非常重要,目前网络上又有大量的Web辅助功能检查器可用,以下我们介绍常见的五种能够识别可访问性问题的自动化工具(请记住,自动化测试只能挖掘出20-30%的问题):

1. WAVE:网站辅助功能评估工具

也许是网站无障碍测试工具中名气最大的一款,WAVE(网站可访问性评估工具)产品套件由WebAIM开发和维护,WebAIM致力于使残障人士可以访问Web内容。

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

IT经理网主页的WAVE报告示例(有点触目惊心吧)

这个免费工具也可以作为浏览器扩展轻松运行(WAVE for ChromeWAVE for Firefox)。这使得在任何页面上运行快速测试变得非常容易。WAVE扩展通常是我的快速可访问性审计的首选浏览器扩展。

如果你需要更加自动化的功能,可以考虑WebAIM提供的付费产品WAVE API,可以以为站点安排站点自动化可访问性检查。您可以使用API​​检查自定义视口大小的可访问性,提供身份验证以检查登录后面的页面,以及抓取检测结果的屏幕截图。

2. SortSite

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

可访问性检查程序将针对所有三个WCAG 2级别(A,AA,AAA)和Section508指南运行。您可以在其站点上运行10个页面的免费辅助功能扫描,也可购买他们的软件以执行更多操作。以下是报告的示例:

SortSite辅助功能报告选项卡的屏幕抓取

生成的报告将显示错误和警告,并根据影响程度确定优先级。最高优先级意味着用户会发现某些页面无法使用,直到“有些困难”的页面。该报告包含指向WCAG和Section 508指南的直接链接,您可以将这些链接传递给开发人员和设计人员,以便他们可以遵循指南采取正确的行动方针。

根据我的经验,此工具对于快速扫描整个站点并生成大型报告非常有用,但错误消息有时候可能让人困惑。

3. ax:辅助功能引擎

与WAVE一样,ax拥有ChromeFirefox的扩展程序,但是ax扩展程序更侧重于开发人员。该扩展程序将在浏览器的Developer Tools中添加一个新选项卡。

ax扩展开发人员面板的截屏

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

ax浏览器扩展基于开源ax-core JavaScript库。这意味着该引擎可用于创建自定义自动化辅助功能测试,并可与主要的JavaScript测试库配合使用。

4. Pa11y

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

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

Mediacurrent,我们将pa11y命令行工具集成到我们的许多构建过程和持续集成管道中,这有助于我们在将可访问性问题溜进代码库之前捕获它们。主动预防问题绝对是个好方法,可以帮助开发人员更多了解网站可访问性的最佳实践。

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

5. tota11y

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

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

tota11y工具可作为书签使用,可以在任何桌面浏览器的任何网站上轻松使用。你也可以直接在自己的网站上植入脚本,不过书签还是最常用的方式。

其他工具

这五个工具只是当今可用于自动化测试的少数几种可访问性工具,付费版本的功能会更加强大。

正如我上面提到的,自动化测试只能帮助您发现一部分可访问性错误。为确保完全可访问的站点,您需要一个万丈的包含自动化测试手动测试的计划,因为某些错误需要“人肉测试”才能发现。您可以查看我们的指南,了解为何以及如何进行手动辅助功能测试

第一时间获取面向IT决策者的独家深度资讯,敬请关注IT经理网微信号:ctociocom

   

除非注明,本站文章均为原创或编译,未经许可严禁转载。

相关文章:


关于作者

隐私已经死去,软件正在吃掉世界,数据即将爆炸