A11Y and React
summary
Organisation aims for WCAG 2.0 AA and publishes an accessibility checklist and training program; 60 people achieve yellow belts last year. Practical rules are semantic HTML, real buttons not clickable divs, labelled inputs, and managing document title and routing in a SPA. JSX supports ARIA and fragments avoid extra divs. Tooling includes react-axe shows errors in the console, browser plugins like tota11y axe wave and the Funkify disability simulator for exploratory testing.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:00Web Content Accessibility Guidelines
- 2:03Reacts Accessibility Support
- 2:55Semantic HTML
- 3:38Click handlers
- 4:18WCAG
- 4:59React examples
- 6:07Tools
related talks
31mHow to Be an A11Y - Creating Accessible React Apps
39mBuilding Webapps for everyone - a11y with React
25mBuilding Inclusive Web Experiences: Web Accessibility in ReactJS
50mTips, tricks and tools for building accessible React web apps
36mAccessibility in React Application
34mBuilding Accessible Web Apps in React
27mA11y And React, Why Is It Important?
52mA11y with React Components