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

栏目: 编程工具 · 发布时间: 5年前

内容简介:很多网站可访问性问题很难察觉和锁定,例如网站上的关键图片缺少alt描述,或者页面上的标题看起来正确,但实际上顺序并不正确,或者邮件订阅表格上缺少标签,导致了转化率的降低。任何这些隐秘的问题都可能导致用户无法理解您的网页,降低网站的可访问性和可用性。对于web优先的公司或者产品来说,发现并识别web可访问性问题非常重要,目前网络上又有大量的Web辅助功能检查器可用,以下我们介绍常见的五种能够识别可访问性问题的自动化工具(请记住,自动化测试只能挖掘出20-30%的问题):

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

很多网站可访问性问题很难察觉和锁定,例如网站上的关键图片缺少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工具 可作为书签使用 ,可以在任何桌面浏览器的任何网站上轻松使用。你也可以直接在自己的网站上植入脚本,不过书签还是最常用的方式。

其他工具

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

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


以上所述就是小编给大家介绍的《网站可访问性的五个自动化测试工具》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Pro HTML5 and CSS3 Design Patterns

Pro HTML5 and CSS3 Design Patterns

Michael Bowers / Apress / 2011-11-15 / GBP 35.50

Pro HTML5 and CSS3 Design Patterns is a reference book and a cookbook on how to style web pages using CSS3 and HTML5. It contains 350 ready--to--use patterns (CSS3 and HTML5 code snippets) that you ca......一起来看看 《Pro HTML5 and CSS3 Design Patterns》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

URL 编码/解码
URL 编码/解码

URL 编码/解码

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具