Decoding web accessibility through testing

on YouTube ↗31m

" summary

Shows that simple manual tests catch the bulk of problems while automated scanners find only about 30–40% of issues. Demonstrates repros and fixes: remove harmful CSS like outline:none, add missing alt text, replace tabindex hacks with semantic HTML, and label form fields with for+id. Uses concrete tools: Chrome DevTools accessibility pane, Lighthouse (axe), the axe extension and Accessibility Insights for Web. Covers screen reader checks with NVDA and VoiceOver and using ARIA live regions to announce dynamic changes, plus step‑by‑step checks you can run now.

AI-written summary · about

" chapters (7)

1. 0:00Web accessibility intro
2. 1:24What is accessibility
3. 3:54Keyboard navigation testing
4. 10:25Browser tools for testing
5. 16:52Screen reader testing
6. 24:13Summary
7. 25:00Q&A

" related talks

• 56mAccessibility Testing 101Erissa Duvall · Conf42 Kube Native 2023
• 44mTesting Web AccessibilityAdrián Bolonio · jsday 2022
• 30mTesting Web AccessibilityAdrián Bolonio · JSConf Budapest 2022
• 01h 05mAccessibility Testing 101Erissa Duvall · NDC London 2024
• 35mBuilding an accessibility testing habitLarene Le Gassick · Laracon AU 2023
• 21mTesting A11y: Validating Web App AccessibilityShawn Harris · Frontend Nation 2024
• 35mAutomated Accessibility TestingAnna Maier · JCON EUROPE 2025
• 25mBeyond Compliance: Testing for a more Accessible WebJosefine Schaefer · HUSTEF 2024