Accessibility / Quiz
ARIA Misuse Catalog
Redundant roles, aria-label overriding text, aria-hidden on focusable elements, the specific ways ARIA goes wrong.
- Difficulty
- Medium
- Format
- Quiz
- Points
- 150
- Estimate
- 9 min
// MISSION BRIEF
Your Mission
Wrong ARIA is worse than no ARIA. This quiz is a catalog of specific misuse: the redundant role, the label that overrides visible text, the aria-hidden that leaves a control focusable but unnamed, and the broken reference. Learn to spot each one on sight.
// FIRST CONTACT
Battle teaser
A <button role="button"> is:
- ARequired for the button to be announced
- BA redundant role (button already has it), a harmless-ish code smell and often a sign of copy-pasted ARIA
- CA performance improvement
- DAn error that breaks the button entirely
Answers, scoring, hints, and the full battle stay sealed.
// SKILL TAGS
accessibilityariascreen-readeranti-patterns