Extensive Testing and Reporting with axe DevTools
summary
Uses the axe DevTools browser extension to run Axe Core and three intelligent guided tests that use computer vision guided tests to find issues automatically and semi-automatically. Runs an initial scan that finds six automated issues and a total of 22 issues → 0 after fixes: adds an aria-label to an icon button, converts table header TDs to THs, changes a div fake link to an anchor, restores focus outlines, and adds a lang="es" span. Demonstrates a new shared saved test report feature that publishes a live, shareable report and works with JSON/CSV exports.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 1:43Automated accessibility testing
- 3:57Guided testing for tables
- 8:51Keyboard navigation testing
- 11:20Testing site structure
- 15:18New reporting feature
- 17:19Reviewing test results
- 21:00Fixing automated issues
- 23:23Fixing heading structure
- 25:25Correcting table semantics
- 26:51Fixing keyboard navigation
- 29:17Verifying accessibility fixes
- 32:44Strategic reporting value
- 36:25Q&A and closing
related talks
33mAutomated accessibility testing
28mAutomated Accessibility Testing
49mHow Do You Make Accessibility Testing as Efficient as Possible
30mTesting for Accessibility with aXe
30mTesting Web Accessibility
28mAutomating Accessibility with Playwright
49mThe Future of axe Tools
16mConfiguring Axe Accessibility Tests