Skip to Label Link

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

Label Link

Build programmatic relationships that survive layout, styling, and assistive technology.

0points0streak

Hands-on game2–3 minUntimedWCAG 1.3.1 · A WCAG 3.3.2 · A WCAG 4.1.2 · A

Ready to begin

What you are practising

Connect every visible label or group name to the control it describes.

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.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 ↑