How to do Good Without Doing Anything
summary
Claims that a small upfront investment in automation saves hours later and demonstrates it with concrete tools and tests: ESLint jsx-a11y lint rules, Lighthouse audits (Polaris docs hit 100/100 then some pages lose points), react-axe for dynamic checks and cypress-axe for CI end-to-end. Shows a built accessible button and a slack signup container with a role=alert visually hidden message, proves unit integration and e2e tests catch regressions (changing a button to a div breaks focus and tests fail) and CI hooks can block bad commits.
AI-written summary · about
chapters (13)
- 0:00Start
- 1:12What Is Accessibility
- 2:04Web Accessibility
- 4:46Automated Tools
- 5:14Disclaimer
- 5:59Eslant Plug-In Jsx Accessibility
- 6:56Lighthouse
- 7:40Lighthouse and the Chrome Dev Tools
- 12:52Axe Core
- 21:09Integration Tests
- 25:21End-to-End Tests
- 25:49Cypress Io
- 28:28Types of Tests
related talks
45mHOW TO DO GOOD WITHOUT DOING ANYTHING
25mHow to do good without doing anything
29mBuilding Accessibility Testing into Your Workflow
53mAutomating Accessibility Assurance
33mAutomated Accessibility Testing
12mReact Accessibility: Beyond the Basics
43mLucky Nkosi: A11y Beyond the Theory: Integrating Accessibility Testing into Your Workflow
01h 01mUseful Tools and Utils for JS Development