Skip to Contrast Sweep

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?

Make every word hold its ground

Contrast Sweep

Inspect cards, form states, layered backgrounds, and legitimate exceptions.

0points0streak

Hands-on game3–4 minUntimedWCAG 1.4.3 · AA WCAG 1.4.11 · AA

Ready to begin

What you are practising

Audit complete interface fragments instead of isolated colour swatches.

Rules and references

WCAG 1.4.3: Contrast (Minimum) (AA)Most text needs 4.5:1 contrast; large text needs 3:1.
WCAG 1.4.11: Non-text Contrast (AA)Important controls, states, and graphical objects need 3:1 contrast where required.

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 ↑