Skip to Tree Detective

Accessibility Arcade

Arcade map Simulator

Your device, your terms

Arcade settings

Visual effectsThe games stay complete in every mode.Sound effectsOff by default. Cues never carry information alone.

Private by design

Scores and preferences stay in this browser. There is no account, leaderboard, or analytics.

Remove scores, stars, and checkpoints from this browser?

← Forms & Labels

Make every field introduce itself

Tree Detective

Read illustrative role, name, description, and state snapshots and choose the repair.

0points0streak

Quick challenge3–4 minUntimedWCAG 1.3.1 · A WCAG 2.5.3 · A WCAG 3.3.2 · A WCAG 4.1.2 · A

Ready to begin

What you are practising

Diagnose missing or misleading form semantics in a simplified accessibility tree.

Rules and references

WCAG 1.3.1: Info and Relationships (A)Relationships shown on screen must also be available in the code.
WCAG 2.5.3: Label in Name (A)A control’s accessible name should contain the words people can see on it.
WCAG 3.3.2: Labels or Instructions (A)Inputs need labels or instructions that make the requested information clear.
WCAG 4.1.2: Name, Role, Value (A)Controls need programmatic names, roles, states, and values that stay accurate.

Your open route

The sculpture mirrors device-local progress.

The sculpture is a visual mirror. The links and progress below remain the source of truth.

Route progress0 of 18 games complete

Contrast0/3
Forms & Labels0/3
Images & Carousels0/3
Keyboard & Focus0/3
More Than Colour0/3
Motion on Your Terms0/3

Accessibility is shaped by design decisions. These games help you notice and repair the barriers those decisions create.

Continue learning

Try the simulator
Explore DevTools
Use the contrast checker
Accessibility audits

Accessibility Arcade is an educational practice space. It does not simulate disability or a disabled person’s lived experience.

Back to top ↑