Accessibility / Quiz
ARIA Patterns & Anti-Patterns
Roles, live regions, dialogs, and the first rule of ARIA: don't use ARIA. Know when it helps and when it quietly breaks things.
- Difficulty
- Medium
- Format
- Quiz
- Points
- 150
- Estimate
- 8 min
// MISSION BRIEF
Your Mission
ARIA is powerful and dangerous: wrong ARIA is worse than none. This quiz covers the patterns that matter, live regions, dialogs, custom widgets, and the anti-patterns that make screen-reader experiences worse.
// FIRST CONTACT
Battle teaser
The first rule of ARIA is:
- AARIA replaces semantic HTML
- BUse aria-label on every element
- CAlways add role attributes to everything
- DIf a native HTML element (button, a, input) does the job, use it instead of ARIA on a div
Answers, scoring, hints, and the full battle stay sealed.
// SKILL TAGS
accessibilityarialive-regionsdialogs