Using Automation to Test UI Components for Accessibility

In this demonstration, Harris Schneiderman walks through several different ways to test components for accessibility. Unit tests are great for testing components in isolation, while end-to-end tests are great for testing how different components interact with each other. We will incorporate awesome technologies such as react, jest, puppeteer, and axe-core to test our components. Live coding!!

About Harris Schneiderman

Harris is an accessibility enthusiast and Senior Software Developer at Deque. He thrives on rapid prototyping and enjoys sharing his solutions with the community.

Watch below:

Jump to specific parts of the video using our chapters list:

• 00:00 Overview/Introduction
• 01:18 Test Driven Development (TDD)
• 02:10 Gathering requirements for the menu button component (ARIA Authoring practices)
• 08:30 Writing unit tests and test implementations
• 15:34 Implementing accessible menu button
• 23:55 Adding accessibility automation libraries (basic listing, jsx-a11y, axe-core)
• 31:11 Using our component in an app
• 36:34 End to End accessibility tests
• 44:50 Tying it all together - Continuous Integration (CD)/Continuous Delivery (CD)
• 48:40 Q & A

Increase your automated accessibility testing coverage to 80% or more with the most powerful toolkit on the market. Start your free 14-day trial of axe DevTools Pro today.