- 1 current stop: learning
- 2 upcoming
- 3 upcoming
- 4 upcoming
- 5 upcoming
Finish after stop 5
Stop 1 of 5 · Workshop: fixing a wobbly wheel
Trick to keep in mind+3 XP
Use the real element first; ARIA is the repair kit for when none exists.
A native button arrives focusable, works with Enter and Space and is announced as a button, with no extra code. A div styled to look like one has none of that, and adding a role or label tackles only the announcement. Reach for a native element before rebuilding its behaviour by hand.
Read it once, then a question tests whether the trick stuck.