Must-Have Practices of Web Accessibility
summary
Stepwise fixes for a broken color-picker: replace divs with semantic list elements, add ARIA attributes, set tabindex and role=listbox/option, use aria-selected and aria-activedescendant, and add visible focus styles; verification includes VoiceOver recordings that read “red selected one of eight” and automated checks with Lighthouse, W3C validator and axe plus contrast and color‑blind simulators; cites 300,000 people in Lithuania affected and shows the improved widget working end‑to‑end.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:53Why accessibility matters
- 6:09Common UI barriers
- 13:18Accessibility benefits all
- 15:16Essential tools
- 25:53Real-life example
- 38:07Adding accessibility to projects
- 41:19Future of accessibility
- 42:01Summary
related talks
22mWeb Accessibility - a better user experience for everyone!
48mCoding For Accessibility Best Practices from the Front Lines
48mThe Web Accessibility Basics
01h 07mA web for anyone, anywhere, anytime
26mHow (Not) to Fail at Accessibility
24mWeb Accessibility Strategies for Non-Accessible Projects
35mAccelerating accessibility in web
06mBreaking barriers