Video description
In this course, you will gain hands-on knowledge on how to make your web application 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. This course can help you learn all of it and teaches three levels of accessibility testing, to catch as many errors as possible using automated tests.
Make the most of the testing tools and learn to create custom rules for jest-axe, to tailor your audits to your company's standards or generate an HTML report for cypress-audit/lighthouse to help isolate errors.
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 be a better fit your tech stack.
Table of Contents
Introduction
What is Accessibility?
What is Automated Accessibility Testing?
About this Course
Linting
Setting up the html-css App
Configuring eslint-plugin-jsx-a11y
Finding and Fixing Linting Errors
Code Quiz! Fix Linting Errors
Alternatives to eslint-plugin-jsx-a11y
Testing Rendered Code
Why didnât linting catch Chakra-UI Errors?
Setting up jest-axe tests
Finding and fixing jest-axe errors
Adding custom axe rule
Code Quiz! jest-axe
Alternatives to jest-axe
Automated Browser Testing
Automated browser testing
Setting up @cypress-audit/lighthouse tests
Running @cypress-audit/lighthouse tests
Reports from @cypress-audit/lighthouse tests
Refinining Lighthouse report code
Fix issue found by @cypress-audit/lighthouse
Code Quiz! Automated browser testing
Alternatives to @cypress-audit/lighthouse
Thank you!