Automated Accessibility Testing for React Applications

You probably want make sure your web application is usable by as many people as possible. Maybe you have manual accessibility testers, and you want to make sure they don't have to spend time chasing down issues that can be caught by a computer. Or perhaps you are just learning about accessibility and want to know how to incorporate audits into your automated tests. Read on to learn how this course can help! 

Three levels of accessibility testing

This course teaches three levels of accessibility testing, to catch as many errors as possible using automated tests: 

1. Linting static code using eslint-plugin-jsx-a11y

2. Testing rendered code using Jest, jest-axe and testing-library

3. Visual audits using Cypress and cypress-audit/lighthouse

Make the most of the testing tools

The course also teaches:

• creating custom rules for jest-axe, to tailor your audits to your company's standards

• generating an HTML report for cypress-audit/lighthouse to help isolate errors

Lists of tools for other technologies

While this course focuses on React applications, much of the material can be applied to other technologies (such as Angular or Vue). Additionally, each section lists alternative tools that might better fit your tech stack.

Taught by a proven Udemy instructor, this introductory course will help you get started with automated tests as part of your accessibility strategy!