22个Web可访问性测试工具及其测试内容

网站可访问性是在线业务成功的关键因素。在电子商务商店不断增加市场份额的今天，越来越多的用户倾向于利用在线服务来获取财务、健康和法律咨询等服务。因此，网站必须向所有访问者提供易于访问的内容，以满足这一日益增长的需求。

因此，在设计中使用网络可访问性指南以及测试这些设计元素以确保它们正常运行至关重要。

改善无障碍设施的需求

根据疾病预防控制中心的数据，四分之一的美国人（约 6100 万人）患有“影响主要生活活动的残疾”。这些残疾主要分为六大类：

行动不便：行走、爬楼梯和使用物理基础设施困难
认知：难以集中注意力、记忆力或做出决定
听力：难以听到对话和/或数字媒体
视力：阅读文本或观看视频困难
独立生活：难以完成与独立生活相关的基本日常任务，例如跑腿或做饭
自我护理：穿衣或洗澡等日常行为困难

通过关注这一无障碍举措并针对这些残障用户改造您的网站，您的企业可以增加 25% 的潜在客户群并在客户中建立更高的忠诚度。

现在让我们回顾一下网络可访问性测试包含的内容。

什么是网络可访问性测试？

Web 可访问性测试是一种关键的评估手段，它专门用来衡量残障人士使用网站时的便利性。作为可用性测试的一个专门领域，它致力于确保网站能够被所有用户无障碍地理解、浏览和互动。通过这种测试，我们能够收集到宝贵的数据，这些数据不仅有助于改善现有设计，使之更加包容，而且还能为未来创建更加友好的用户体验提供指导。

正如Web 无障碍倡议 (WC3)所指出的，“…无障碍评估通常比可用性测试更加正式。”精心设计的无障碍测试侧重于四个目标：

满足所有残疾人士的需求
平衡不同残疾人士的需求
将这些需求与最佳技术相匹配
使用清晰的语言来表达这些需求和技巧

简而言之，网站可访问性测试可确保为提高网站可访问性而实施的功能和特性按预期运行。

网站可访问性检查表

此清单将帮助您使您的网站更易于访问以下内容：

网页
导航
视频与媒体
还有更多！

网站可访问性要测试什么？

网站可访问性测试应评估两个关键结果：通用性和可用性。

为了有效地测试网络可访问性，值得考虑我们上面提到的六个 CDC 类别：

移动性：行动不便的人如何访问您的网站？正如Tenon.io 网络可访问性平台的创始人Karl Groves所指出的那样，有一个简单的入门测试：拔下鼠标。您能与网站上的所有控件进行交互吗？您能看到哪些控件当前处于活动状态吗？命令是否有意义？如果答案是否定的，则需要改进键盘支持。
认知：您网站上的表单和菜单有多复杂？它们是否与上下文相关，并且对于有认知障碍的人来说是否容易识别？每个表单字段是否准确表明了用户需要什么？如果您的表单要求隐藏在字段框中，请考虑将它们移到外面。
听力：如果您的网站有多个视频或声音片段，您是否为听力受损的用户提供选项？这包括视频的隐藏字幕或播客、产品说明或其他音频媒体的文字记录。
愿景：另一方面，您的网站是否支持音频描述并包含上下文优先的文本，以便使用文本转语音软件的残障访问者能够轻松快速地找到他们需要的内容？
独立生活：易用性在这里至关重要。独立生活有困难的用户通常能够完成越来越复杂的任务，只要这些任务包含简单直接的步骤。这就是为什么精简的网站设计可以让这些访问者更轻松地找到他们想要的内容。
自我护理：许多由于身体或认知障碍而难以进行自我护理的人仍然拥有非凡的精神能力——在这里，易于扩展的文本和图像元素可以为这些用户免去不必要的挫败感。

认识到网络可访问性测试的必要性是一回事，在整个网站上大规模部署有效的测试又是另一回事。

下面让我们来看看一些最好的可访问性测试工具，以帮助简化您的评估流程并向所有访问者提供可靠的结果。

Web 可访问性测试工具

WAVE
BrowserStack
accessScan
A11y Color Contrast Accessibility Validator
ACTF aDesigner
CSS & HTML Validator
Siteimprove
ComplianceSheriff
HTML_CodeSniffer
tota11y
Tenon
Evinced
Access Alchemy
TPGi
Pope Tech
SortSite Desktop
Dynomapper
IBM Dynamic Assessment Plugin
Tanaguru
Rocket Validator
UsableNet AQA
forApp

我们将从需要您手动逐个测试每个页面的工具开始。然后，我们将介绍可以为您自动执行测试过程的工具。

手动可访问性测试工具

1.WAVE

WAVE Web 可访问性测试工具

WAVE 由无障碍公司 WebAIM 和犹他州立大学共同开发。测试很简单 — 只需在提供的表单字段中输入您的网页地址，或使用提供的 Firefox 或 Chrome 扩展程序即可。

WAVE 可以快速识别潜在的对比错误、测试规模问题、令人困惑的结构元素以及未定义元素等可访问的富互联网应用程序 (ARIA) 挑战。

2.BrowserStack

BrowserStack 提供了一个用于全面测试、报告和 Web 可访问性监控的平台。其功能套件旨在通过统一平台识别基本和高级问题。此外，团队可以通过 BrowserStack SDK 使用简单的标记将可访问性测试集成到他们的构建中。

该测试引擎基于 WCAG 原则构建，符合 ADA、AODA、第 508 节和 EN 301 549 的规定。它自动生成以可访问性为重点的报告，其中包含问题和构建健康摘要、历史趋势、测试用例见解等。

3.accessScan

accessScan是一款免费工具，由网络无障碍软件市场领导者 accessiBe 开发。accessScan 会自动扫描提交的登录页面，然后执行快速但全面的审核流程。完成后，accessScan 将告诉您您的网站是否符合 WCAG 标准。您可以下载一份 PDF 文件，详细说明您的网站可能存在的所有无障碍缺陷。

4. A11y 颜色对比度可访问性验证器

A11y 颜色对比度可访问性验证器网页可访问性工具

A11y 颜色对比度可访问性验证器是一款免费工具，可检查网页的颜色对比度，以帮助确定文本和背景之间的最佳对比度。

5. ACTF aDesigner

ACTF aDesigner 是一款免费的残疾模拟器，可评估网站文本和内容与语音浏览器和屏幕阅读器的配合情况，以帮助您确定需要改进的领域。

6. CSS 和 HTML 验证器

CSS 和 HTML 验证器会检查您的网站是否存在 CSS、HTML、PHP、JavaScript 和拼写错误。这将帮助您发现从错误分类的结构元素到功能不正常的表单或文本问题等所有问题，这些问题可能会导致阅读和转录服务无法提供准确的输出。

7. Siteimprove

新的 Siteimprove 仪表板将于 10 月 10 日推出 | IT@Cornell 新闻

Siteimprove 为您提供了一系列用于改善网站可访问性的工具。它根据问题所在、合规性级别以及修复难度对问题进行优先排序。这样，您就可以解决内容中的每个合规性问题，并共同努力打造一个更易于访问的网站。

8.ComplianceSheriff

ComplianceSheriff 会审核您的网站，以确保其符合美国、欧盟、加拿大等国家的网页可访问性标准。客户可以快速识别、优先处理和纠正整个网站中的问题，并跟踪其改进情况。

9. HTML_CodeSniffer

HTML_CodeSniffer 是一款专为 HTML 源代码设计的网页可访问性测试工具

HTML_CodeSniffer 可以根据选定的准则（Web 内容可访问性准则 (WCAG) 2.1 或美国“第 508 条”法规）测试您的 HTML 源代码。它可以检测任何预定义规则或您添加的任何自定义规则的违规情况。

10.tota11y

Tota11y 是一个可访问性可视化工具包，旨在让任何用户在学习最佳实践的同时了解和修复可访问性违规行为 — 无需任何先验知识。tota11y 是一个 JavaScript 文件，可在文档或网页的底角插入一个小按钮。单击它，您将看到一个工具栏，其中包含几个插件，这些插件可注释页面上的元素，例如没有替代文本的图像、颜色对比度不足的标签等。