Accessibility / Scenario
The Accessibility Audit
A checkout modal passed the automated scan but a screen-reader user can't complete a purchase. Audit the gap tools can't see.
- Difficulty
- Hard
- Format
- Scenario
- Points
- 200
- Estimate
- 15 min
// MISSION BRIEF
Your Mission
A retailer's checkout modal scored 100 on the automated accessibility scanner. Then a blind user reported they cannot complete a purchase. Automated tools catch ~30-40% of issues, the rest need a human who understands assistive tech.
Read the modal's markup and the screen-reader session notes. Find why the automation lied.
// FIRST CONTACT
Battle teaser
First artifact
Checkout modal markup (simplified)
Which real accessibility failures are present? (Select all that apply.)
- AInputs use placeholder instead of associated <label>, so they announce as unlabeled
- BNo focus management, modal doesn't receive focus or trap it; focus leaks to background
- CError region isn't a live region, dynamic errors are never announced
- DClickable <div>s (Pay now, close) lack button semantics and accessible names
Answers, scoring, hints, and the full battle stay sealed.
// SKILL TAGS
accessibilityscreen-readerfocusariaaudit