Using the axe Web Accessibility Testing Browser Plugin
I'm joined by Preety Kumar of Deque to take a look at their DevTools plugin for axe. Short story: this is an amazing plugin that helps you quickly find accessibility problems on any website, then help you fix them. There is quick automated testing as well as guided tests that help you test things that need a little bit more walkthrough, like testing the page tab order and testing modal dialogs.
Try axe DevTools Pro today. Free 14-day trial with no credit card required.
https://www.deque.com/css-tricks/
00:00 Intro
01:00 First look at CodePen
01:52 axe Tab in DevTools
03:26 Critical Issues
04:37 Problem with the Close Button
05:32 Deque University
06:07 Disabilities affected
10:35 Guided Tests
12:27 Keyboard Tab Testing
18:07 Testing ARIA Modal
22:40 Testing isolated part of page
26:05 Recap of abilities
29:58 Bonus test, form fix
Watch video Using the axe Web Accessibility Testing Browser Plugin online without registration, duration hours minute second in high quality. This video was added by user CSS-Tricks 09 March 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,70 once and liked it 9 people.