Web Accessibility?

on YouTube ↗22m

" summary

Web accessibility matters: about 20% of people (roughly 1 billion) have impairments, ~70% abandon sites with barriers, costing an estimated $12 billion. Practical fixes include using semantic HTML instead of styled divs (turns a fake control into a real button that responds to Enter/Space), adding aria attributes like aria-label to make icon-only buttons announce “delete,” making custom widgets focusable with tabindex=0, avoiding float-triggered tab-order breaks and removing outline only by restyling it. Follow WCAG and test with axe-core and Lighthouse and WAVE.

AI-written summary · about

" chapters (11)

1. 0:00Start
2. 0:06What Is Accessibility
3. 0:34Web Accessibility
4. 0:59Web Accessibility Has Four Core Principles
5. 6:05Assistive Technologies
6. 11:09Semantic Html
7. 12:51Navigation Landmarks
8. 14:36Bad Practices
9. 16:37Using Area Tributes
10. 18:11Color Contrast
11. 19:32Testing Tools

" related talks

• 13mDemystifying Web AccessibilityJosefine Schaefer · Front-End Foxes Day 2022
• 29mAccessibility Matters: Creating a Better WebLindsey Dragun · DjangoCon Europe 2018
• 50mAccessibility by Everyone (and for Everyone)Amy Kapernick · NDC Oslo 2025
• 33mWeb accessibility in practice, more than just WCAGTim Damen · Frontend Nation 2024
• 37mAccessibility Matters: Creating a Better WebLindsey Dragun · DjangoCon US 2017
• 54mAccessibility by everyone (and for everyone)Amy Kapernick · NDC Oslo 2024
• 29mA11y: Myths and MisconceptionsJulia Undeutsch · Front-End Foxes Day 2022
• 43mWhat is accessibility, and why I should care?Sandra Eriksson · SymfonyLive London 2018