React 应用程序的自动化可访问性测试 | Automated Accessibility Testing for React Applications

可以添加到自动化测试套件中的可访问性审核简介

你将会学到的

• 使用 eslint-plugin-jsx-a11y 检测静态代码

• 使用 Jest、jest-axe 和 testing-library 测试呈现的代码

• 使用 Cypress 和 cypress-audit/lighthouse 进行可视化审计

• 可访问性自动化测试的局限性

要求

• 熟悉 JavaScript、HTML 和 CSS

• React 和自动化测试的基本经验

说明

您可能希望确保您的 Web 应用程序可供尽可能多的人使用。也许您有手动辅助功能测试人员，并且您希望确保他们不必花时间追查可以被计算机捕获的问题。或者您可能只是在学习可访问性，并想知道如何将审计合并到您的自动化测试中。继续阅读以了解本课程如何提供帮助！

三个级别的可访问性测试

本课程教授三个级别的可访问性测试，以使用自动化测试捕获尽可能多的错误：

1. 使用 eslint-plugin-jsx-a11y 检测静态代码
2. 使用 Jest、jest-axe 和 testing-library 测试呈现的代码
3. 使用 Cypress 和 cypress-audit/lighthouse 进行可视化审计

充分利用测试工具

该课程还教授：

• 为 jest-axe 创建自定义规则，以根据您公司的标准定制您的审计
• 为 cypress-audit/lighthouse 生成 HTML 报告以帮助隔离错误

其他技术的工具列表

虽然本课程侧重于 React 应用程序，但大部分材料都可以应用于其他技术（例如 Angular 或 Vue）。此外，每个部分都列出了可能更适合您的技术堆栈的替代工具。

此入门课程由久经考验的 Udemy 讲师授课，将帮助您开始使用自动化测试作为可访问性策略的一部分！

此课程面向哪些人：

• 希望将可访问性审核添加到他们的自动化测试中的 React 开发人员