Web accessibility, how to build a front for everyone?
summary
Covers web accessibility for front-end development: explains what accessibility is, why it matters, and how to implement it in sites so everyone can use them across devices. Describes practical techniques, tools and references to build and evaluate accessible front-ends (including testing with assistive technologies), and addresses concerns about design impact, technology choices, and cost.
AI-written summary · about
chapters (22)
- 0:00Web accessibility intro
- 3:24Screen reader workflow
- 8:40Semantic HTML
- 13:21Image and link labels
- 15:10Accessible forms and focus
- 17:17Semantic links and buttons
- 20:51Drag and drop challenges
- 21:55Responsive design for assistive tech
- 23:21Multimedia controls
- 25:10Screen reader link context
- 26:41Visual flow vs DOM
- 28:05Hiding content from screen readers
- 31:45Color contrast for low vision
- 33:10HTML5 and JS accessibility
- 35:55Accessibility in Angular/React
- 39:27Cost and learning curve
- 41:02CAPTCHA musical demo
- 43:22Beyond visual disabilities
- 45:11Q&A on responsive design
- 46:36Alternatives to sr-only
- 47:59Automated accessibility tools
- 49:04Testing with screen readers
related talks
43mWeb Accessibility: How to Build a Front-end for Everyone?
45mAccessibility for Everyone
54mWeb for all - Accessibility
38mAccessibility — how to build web applications accessible ...
50mHow to Get Started in Digital Accessibility
39mHow to Get Started in Digital Accessibility?
55mAccessibility, where to start?
17mAccessibility in Tech