A web for anyone, anywhere, anytime
summary
Explains concrete fixes: use semantic HTML (headings, landmarks, real <button>, skip-link), avoid ARIA unless needed, and test with NVDA or JAWS; cites WCAG structure—4 principles, 13 guidelines, 78 success criteria—and numbers: 84% of sites have low-contrast text, alt text is missing on over half of images, lang attribute is absent on ~22% of pages, and 46% of forms are broken. Shows code for aria-live (polite vs assertive), tabindex rules, prefers-reduced-motion and prefers-color-scheme, and keyboard focus indicators.
AI-written summary · about
chapters (16)
- 0:00Introduction
- 1:52Accessibility matters via cat stories
- 6:06Web accessibility principles
- 11:26Semantic HTML and ARIA basics
- 23:48Single page apps and dynamic content accessibility
- 26:19Why carousels fail accessibility
- 28:30ARIA roles and attributes
- 31:41ARIA conflicts
- 33:04Color contrast considerations
- 37:56Alt text and captions
- 43:22Focus and keyboard navigation
- 46:36Form accessibility
- 53:03Dyslexia-friendly design
- 54:28Motion and dark mode
- 58:28Data usage for accessibility
- 1:00:15Conclusion
related talks
01h 07mA web for anyone, anywhere, anytime
45mA Web for Anyone, Anywhere, Anytime
33mAccessibility Done Right
48mLet's break some WCAG rules
49mLost in Translation
50mAccessibility by Everyone (and for Everyone)
01h 03mAccessibility: Making your websites more inclusive
22mWeb Accessibility - a better user experience for everyone!