Access All Areas

on YouTube ↗33m

" summary

Builds a responsive UI library that drops jQuery and Bootstrap and implements ARIA roles end to end; claims accessible components are easier than expected and shows working code on GitHub and Slideshare. Demonstrates a hierarchical picker combining treeview + autocomplete, enforces keyboard navigation and persisted tab state via the storage API, cites WCAG contrast numbers and touch target minimums, and notes what failed and what shipped.

AI-written summary · about

" chapters (28)

1. 0:00Intro
2. 1:16My Story
3. 2:18Github
4. 2:35Programmer credo
5. 3:00The Strand
6. 3:42Universal Design
7. 3:59Flexibility
8. 5:29perceptible
9. 7:14Photoshop
10. 7:43urinals
11. 9:05Bootstrap
12. 10:10Accessibility
13. 10:48The Good
14. 11:41The Bad
15. 12:55Documentation
16. 13:24Hayden Pickering
17. 14:08Leah Lee
18. 19:36Contrast
19. 21:37Ratios
20. 22:06Failures
21. 22:38legibility
22. 23:40button
23. 24:39button II
24. 25:15keyboard access
25. 25:42tabs
26. 26:14demo
27. 27:42Storage
28. 31:01Questions

" related talks

• 31mDeveloping for EveryoneSergei Kriger · Øredev 2019
• 34mBuilding Accessible Web Apps in ReactShruti Kapoor · React Day by Frontend Nation 2025
• 49mHow to create accessible JavaScript widgets with basic HTML componentsJoshua Muheim · HelloA11Y Global Accessibility Awareness Day 2021
• 29mJavaScript for EverybodyMarcy Sutton Todd · JSConf EU 2014
• 15mPatterns for Making Accessible ComponentsChris Cormier · React Alicante 2023
• 33mAccessibility and JS: side-by-sideFelipe de Albuquerque · JSConf US 2015
• 26mDemystifying Accessibility in React AppsKateryna Porshnieva · React Brussels 2024
• 37mDesigning Accessibility for Other DevelopersSarah Higley · Node+JS Interactive 2018