Building Empathy and Accessible Apps

on YouTube ↗32m

" summary

Builds a design system and component library that ships components accessible out of the box, gives hard numbers — 1 billion people (15%) experience disability, 90% are invisible, roughly 8,000 US accessibility lawsuits a year — and shows concrete fixes: semantic HTML, hierarchical headings, meaningful alt text, visible keyboard focus and document.activeElement for debugging, color contrast per WCAG AA, use Accessibility Insights for fast checks and Playwright + axe-core in CI to automate regressions.

AI-written summary · about

" chapters (14)

1. 0:00Introduction
2. 3:58What disabled means
3. 7:32Legal frameworks
4. 11:26Building empathy
5. 13:14Accessible products
6. 14:59Color contrast
7. 18:35Semantic HTML
8. 20:23Alt text importance
9. 21:47Headings structure
10. 22:52Links vs buttons
11. 24:59Manual testing
12. 28:54Automated testing in CI
13. 29:56Accessibility at design
14. 30:37Final empathy step

" related talks

• 25mBuilding empathy and accessible appsIsabela Moreira · React Miami 2022
• 12mAccessibility-First Development: Making Applications Inclusive from Day OneAakanksha Bhende · DevConf.CZ 2025
• 36mThe Human Side of AccessibilityAlex Moldovan · Voxxed Days Frontend Bucharest 2019
• 28mBuilding in accessibility for broader value to allMatthew Johnston · XConf Europe 2022
• 37mMoving beyond empathy: a11y in documentationAlexandra White · Write the Docs Portland 2020
• 53mThe Human Side of AccessibilityAlex Moldovan · Voxxed Days Cluj-Napoca 2019
• 44mDesigning with Accessibility in MindBermon Painter · WebCamp Zagreb 2018
• 31mHow to Be an A11Y - Creating Accessible React AppsNeha Nivedita · JSConf US 2018