Let’s Keep Our Promises: ARIA, Styles and Keyboard Navigation
summary
Clear, concrete guidance about ARIA and keyboard nav with code examples: role is a promise shows divs masquerading as buttons without tabindex or keyboard handlers; ARIA can cloak and enhance demonstrates aria-hidden hiding important content; demo of a link styled as a button that breaks spacebar behavior; concrete fixes include using semantic elements, adding Enter/Space listeners, preserving focus outlines and following the ARIA Authoring Practices patterns. Slides and text notes live at eevis.codes/talks/lets-keep-our-promises/.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 4:12Digital accessibility
- 7:04ARIA roles and promises
- 12:29ARIA risks and tools
- 15:36Using ARIA correctly
- 17:44Keyboard navigation
- 21:15Component behavior styles
- 24:27Promises with keyboard navigation
- 25:09Conclusion
related talks
18mWarm-Up Talk: ARIA Serious?
34mIntroduction to ARIA: A Developer's Guide
38mHow To Make Your Website More Accessible with WAI-ARIA
31mARIA Was Made For This Accessiblility of JavaScript MVCs
51mRock & roll guide to HTML5 & ARIA
49mARIA A Grande Method Of Accessible Markup
26mAccessibleJS
27mMaking Interactions Accessible to All Users