Accessible Component Libraries: The Foundation of Accessibility at Scale
summary
Deque builds Cauldron React, an open source component library that defaults ARIA behavior (auto-generating IDs, defaulting to aria-describedby) and ships unit tests (jest + react testing library + jest-axe) plus end-to-end scans with axe-puppeteer and CI linting via axe DevTools Linter (VS Code extension + GitHub Action). One-line fixes in the library historically resolve accessibility bugs across hundreds of app instances; custom-component mappings live in an a11y YAML so linting catches issues before merge.
AI-written summary · about
chapters (14)
- 0:00Introduction and background
- 2:58Defining component libraries
- 3:44Benefits of library usage
- 11:25Principles for accessibility
- 11:50Automation and best practices
- 13:30Code implementation details
- 21:01Unit testing strategies
- 22:54End-to-end testing
- 24:22Manual and semi-automated tests
- 25:54Developer linting tools
- 27:11Linter integration demo
- 31:16Supporting custom components
- 33:49Conclusion and resources
- 35:51Q&A session
related talks
31mMy Accessibility Journey The Quest for an Accessible Components Library
28mAutomated Accessibility Testing
34mAdding accessibility into Unit Tests
50mAccessibility-flavored React components...
25mBuilding Inclusive Web Experiences: Web Accessibility in ReactJS
10mCrafting Accessible Components for Component Libraries
40mAccessibility-flavored React components make your design system delicious
53mAutomating Accessibility Assurance