From the course: React: Components, Context, and Accessibility

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Accessibility testing

Accessibility testing - React.js Tutorial

From the course: React: Components, Context, and Accessibility

Start my 1-month free trial

Accessibility testing

“

- [Narrator] Even though this tool is not specifically for React applications, you can use it literally for anything, I wanted to point out this very, very useful Chrome extension that I would encourage you all to install. It's called aXe and it's from Deque Systems, and if you add this to Chrome, then you can run an accessibility check on any website in Chrome to check for any violations. So, I've added the aXe extension to Chrome, now, what I can do, is if I refresh the browser, so if I open up my developer tools with Command + option + J, I can see that there's another tab that's been added here called aXe. I will click on Analyze, and what this will do is it'll give me a report of any violations, and it will categorize them. So, for example, this says that I have three violations found and 186 that might need review. These are going to be places in the code that I can check out to ensure that I don't have any accessibility violations. So, a couple of things that I'll point out…

Contents