React Accessibility: Beyond the Basics

on YouTube ↗12m

" summary

Specifics: demonstrates Chrome DevTools and Firefox colorblind simulation, uses the axe extension and axe CLI integrated into Jest/Cypress/Selenium suites, and recommends lint rules to force fixes. Shows a CodePen example that still scores 100 lighthouse score while being unusable by keyboard or screen reader, proving automated checks catch low‑hanging fruit but do not replace manual walkthroughs. Points to WebAIM checklists, the ARIA patterns page, React Accessibility docs, Material UI and Reach UI as vetted component sources.

AI-written summary · about

" chapters (5)

1. 0:00Introduction
2. 1:19Web Tools
3. 3:21Automated Testing
4. 5:20The Problem
5. 7:35Resources

" related talks

• 27mCompassion-Driven Development: Building Accessible React UITae’lur Alexis · React Day Berlin 2019
• 25mBuilding Inclusive Web Experiences: Web Accessibility in ReactJSVishnu Ramineni · Commit Your Code 2025
• 29mBuilding Accessibility Testing into Your WorkflowNathan E. Lilly · LibertyJS 2019
• 27mA11y And React, Why Is It Important?Johnny Bell · React Rally 2019
• 33mAutomated Accessibility TestingAnna Maier · Devoxx Belgium 2024
• 21mTesting A11y: Validating Web App AccessibilityShawn Harris · Frontend Nation 2024
• 44mTesting Web AccessibilityAdrián Bolonio · jsday 2022
• 34mBuilding Accessible Web Apps in ReactShruti Kapoor · React Day by Frontend Nation 2025