How to create accessible JavaScript widgets with basic HTML components
summary
Argues that accessible, robust widgets come from native HTML form controls not heavy ARIA hacks, audits Google/Amazon autocompletes and finds mediocre screen‑reader support, then builds a working autocomplete using radio buttons as autocomplete, visual hiding of inputs, and only a tiny bit of ARIA. Demonstrates it works with NVDA and VoiceOver, degrades without CSS, and requires about ~200 lines of JS and 60 lines of CSS; WAI‑ARIA is for polishing, not replacing native semantics.
AI-written summary · about
chapters (8)
- 0:00Introduction and philosophy
- 3:47Benefits of traditional HTML
- 9:20Why custom code fails
- 13:30Understanding ARIA limitations
- 20:40The first rule of ARIA
- 25:02Accessible widget examples
- 29:02Recap and final advice
- 32:50Q&A session
