From the course: Web Accessibility for Developers
Unlock the full course today
Join today to access over 24,400 courses taught by industry experts.
Do automated testing
From the course: Web Accessibility for Developers
Do automated testing
- [Instructor] Previously, we installed the axe browser extension in Firefox. Now, let's go ahead and run it on an actual website and see if it can spot some accessibility issues. As a reminder of how to use axe, we'll first go to the website we want to audit, in this case, Big Star Collectibles. Next, we'll open Developer Tools by pressing Command + Option + I on a Mac. Then we'll go to the axe DevTools tab. Like it says in the tool, let's get started. Click the button that says, "Scan ALL of my page." Okay, looks like we have five issues on the page. Let's dig into these a bit. On the left, along with the total number of issues, axe also categorizes them by severity. As we'll see when we triage these issues, these categories don't necessarily line up with conformance levels, but they at least give some indication of how severe a problem is to users. On the right, the issues are grouped by type of error. If we click on the first item, Elements must meet minimum color contrast ratio…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.