Bag of Spanners
summary
Claims that browser accessibility tree plus HTML implicit semantics give free role/name/state information, and that ARIA (aria-pressed, aria-label, aria-current, aria-expanded) fills gaps; demonstrates lists (example: list of three items, contrasted with a hypothetical 96), a 3×4 data table with header associations, and a custom menu bar that is enhanced with keyboard handling and works with screen readers; shows how to polyfill missing behavior and add role name state and explicit keyboard support — space and enter (13 and 32) — to make it actually usable.
AI-written summary · about
chapters (23)
- 0:00Intro
- 1:10Everyone's responsibility
- 1:50Part of your toolkit
- 2:22Cause and effect
- 3:27Platform accessibility API
- 4:04Accessibility tree
- 5:07Implicit semantics
- 6:36The clement
- 7:25Name
- 8:10State
- 8:24The aria-pressed attribute
- 11:06Lists
- 12:40Navigation
- 14:44Radio buttons
- 16:26Radio groups
- 17:47Data tables
- 21:17Implicit keyboard support
- 22:38The element
- 26:03Menubar: Basic HTML
- 27:01Menubar: Roles
- 31:44Keyboard commands
- 32:59Mechanics Semantics Interaction Construction
- 34:00Tetra Logical
