自动化无障碍功能测试

在本课程的学习过程中,您已了解数字无障碍功能的个人、企业和法律方面,以及数字无障碍功能合规性的基础知识。您已探索与包容性设计和编码相关的具体主题,包括何时使用 ARIA 而非 HTML、如何衡量颜色对比度、何时必须使用 JavaScript 等。

在剩余的模块中,我们将从设计和构建转为测试无障碍功能。我们分享了三步测试流程,其中包括自动化、手动和辅助技术测试工具和技术。我们将在这些测试模块中使用相同的演示,将网页从不可访问转变为可访问。

每项测试(自动化测试、手动测试和辅助技术测试)对于打造尽可能易于访问的产品至关重要。我们的测试依据的是《Web 内容无障碍指南》(WCAG) 2.1 合规性 A 级和 AA 级标准。

请注意,您所在的行业、产品类型、当地和国家/地区的法律和政策,或整体无障碍目标都会决定您应遵循哪些准则和达到哪些级别。如果您的项目不需要遵循特定标准,建议遵循最新版 WCAG。如需了解有关无障碍功能审核、合规性类型/级别、WCAGPOUR 的一般信息,请参阅如何衡量数字无障碍功能?

现在,您已经了解到,在为残障人士提供支持方面,无障碍功能合规性并非全部。不过,它是一个不错的起点,因为它提供了一个可供测试的指标。除了合规性测试之外,我们还建议您采取以下措施,以帮助您打造更具包容性的应用和服务:

  • 与残障人士一起开展易用性测试。
  • 聘请残障人士加入您的团队。
  • 咨询拥有数字无障碍专业知识的个人或公司。

自动化测试基础知识

自动化无障碍功能测试使用软件根据预定义的无障碍功能合规性标准扫描您的数字产品,以查找无障碍功能问题。

自动化无障碍功能测试的优势:

  • 在产品生命周期的不同阶段快速重复测试。
  • 只需完成几个步骤即可运行,并且结果非常快速。
  • 您只需具备一些无障碍功能方面的知识,即可运行测试或了解测试结果。

自动化无障碍功能测试的缺点:

  • 自动化工具无法捕获产品中的所有无障碍功能错误
  • 报告了假正例(报告的问题并非真正的 WCAG 违规问题)
  • 可能需要针对不同的产品类型和角色使用多种工具

自动化测试是检查网站或应用无障碍功能的绝佳第一步,但并非所有检查都可以自动化。我们将在手动无障碍功能测试模块中详细介绍如何检查无法自动化测试的元素的无障碍功能。

自动化工具的类型

1996 年,应用特殊技术中心 (CAST) 开发了第一个在线自动化无障碍测试工具,名为 Bobby Report。目前,有 100 多种自动化测试工具可供选择!

自动化工具实现方式多种多样,包括无障碍浏览器扩展程序、代码 lint 工具、桌面和移动应用、在线信息中心,甚至您可以使用开源 API 构建自己的自动化工具。

您决定使用哪种自动化工具可能取决于多种因素,包括:

  • 您要针对哪些合规性标准和级别进行测试?这可能包括 WCAG 2.2、WCAG 2.1、美国第 508 条或经过修改的无障碍规则列表。
  • 您要测试哪种类型的数字产品?这可以是网站、Web 应用、原生移动应用、PDF、自助服务终端或其他产品。
  • 您是在软件开发生命周期的哪个阶段测试产品?
  • 设置和使用该工具需要多长时间?是个人、团队还是公司?
  • 谁将进行测试:设计师、开发者、质量检查人员还是其他人员?
  • 您希望多久检查一次无障碍功能?报告中应包含哪些详细信息?问题是否应直接与服务工单系统相关联?
  • 哪些工具最适合您的环境?为您的团队?

还有许多其他因素需要考虑。如需详细了解如何为您和您的团队选择最合适的工具,请参阅 WAI 的“选择 Web 无障碍评估工具”一文。

演示:自动化测试

在自动化无障碍测试演示中,我们将使用 Chrome 的 Lighthouse。Lighthouse 是一款自动化的开源工具,旨在通过不同类型的审核(例如性能、SEO 和无障碍)来提升网页的质量。

我们的演示网站是为虚构的组织“医学之谜俱乐部”打造的。此网站在演示中是故意设为无法访问的。您可能会发现其中一些无障碍功能问题,我们的自动化测试也会发现其中一些(但不是全部)问题。

第 1 步

使用 Chrome 浏览器安装 Lighthouse 扩展程序

您可以通过多种方式将 Lighthouse 集成到测试工作流中。我们将在本次演示中使用 Chrome 扩展程序。

第 2 步

Medical Mystery Club 网站。

我们在 CodePen 中构建了一个演示。在调试模式下查看该报告,以便继续进行后续测试。这一点很重要,因为它会移除围绕演示版网页的