Skip to Field Wiring

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

Field Wiring

Choose the minimum semantic wiring that makes visible form information available in code.

0points0streak

Hands-on game3–4 minUntimedWCAG 1.3.1 · A WCAG 3.3.1 · A WCAG 3.3.2 · A WCAG 4.1.2 · A

Ready to begin

What you are practising

Assemble a field’s accessible name, description, required state, and error state.

Rules and references

WCAG 1.3.1: Info and Relationships (A)Relationships shown on screen must also be available in the code.
WCAG 3.3.1: Error Identification (A)When an input error is detected, identify it and describe it in text.
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 ↑