ARIA A Grande Method Of Accessible Markup
summary
Explains ARIA as the fallback when semantics fail, shows concrete attributes (role, aria-label, aria-describedby, aria-live, aria-hidden, aria-checked), and gives implementation rules: use semantic markup first and manage focus (never remove focus outlines). Cites numbers — ~1 billion people or 20–25% affected — and legal target WCAG 2.1 AA target. Demonstrates common fixes for modals, tabs, custom widgets, live regions and drag/drop, recommends tools (axe, MDN, W3 spec, caniuse) and warns against timers and overlays.
AI-written summary · about
chapters (15)
- 0:00Start
- 4:50Why Is this Video So Powerful
- 6:40Why Do You Care So Much about Accessibility
- 16:51What Is Accessibility
- 20:29Header Element
- 24:37Closed Captions
- 33:17Search for Search Bar
- 33:29Border Radius
- 34:17Live Regions
- 37:13Global States and Properties
- 40:17Modals
- 41:56Aria Required
- 45:16Two Blind Brothers
- 46:00Why Focus Matters
- 46:31Examples of Managing Focus
related talks
25mARIA: A Grande Method Of Accessible Markup with Chris DeMars
50mARIA: the good parts
34mIntroduction to ARIA: A Developer's Guide
38mHow To Make Your Website More Accessible with WAI-ARIA
31mAn aria of ARIA
18mWarm-Up Talk: ARIA Serious?
58mA Tangled Web of ARIA
31mARIA Was Made For This Accessiblility of JavaScript MVCs