Skip to Arcade content
Accessibility Arcade

Your device, your terms

Arcade settings

Private by design

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

12 hands-on games · 6 quick challenges · 1 finale

Repair the barriers. Open every route.

Spot the design decision that shuts people out, apply the repair, and learn the evidence behind it. Every game is untimed, retry-friendly, and complete by keyboard or touch.

Start with Palette ForgeExplore all games
0of 18 routes open
0stars earned

This exhibition does not simulate disability. It shows barriers created by design—and the decisions that remove them.

The Open Route

Six gates mirror the barriers you repair. Every amber segment is a completed game.

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

Route progress0 of 18 games complete
  1. Contrast0/3
  2. Forms & Labels0/3
  3. Images & Carousels0/3
  4. Keyboard & Focus0/3
  5. More Than Colour0/3
  6. Motion on Your Terms0/3

The collection

Play first. Test your knowledge second.

The hands-on collection puts a live interface on the workbench. The quick challenges keep the strong question-and-answer lessons, grouped separately when you want to check the rule.

Hands-on collection

Put the interface on the workbench.

Manipulate real-looking components and watch the specimen respond before you check the repair.

Make every word hold its ground

Contrast

Learn when text and interface colours pass, then repair them with the smallest useful change.

0/3 routes open
  1. Hands-onPalette ForgeTune a colour token until it passes with the smallest practical change.☆☆☆3–4 min
  2. Hands-onContrast SweepAudit complete interface fragments instead of isolated colour swatches.☆☆☆3–4 min

Make every field introduce itself

Forms & Labels

Connect visible instructions to the names, descriptions, groups, and states exposed in code.

0/3 routes open
  1. Hands-onLabel LinkConnect every visible label or group name to the control it describes.☆☆☆2–3 min
  2. Hands-onField WiringAssemble a field’s accessible name, description, required state, and error state.☆☆☆3–4 min

Describe meaning, silence decoration

Images & Carousels

Choose contextual alternatives and make moving collections operable, named, and truthful.

0/3 routes open
  1. Hands-onAlt or Empty?Decide when an image needs a text alternative, a functional name, a longer description, or empty alt.☆☆☆2–3 min
  2. Hands-onCarousel Control RoomRepair carousel controls, slide visibility, focusability, and current state.☆☆☆3–4 min

Keep the route visible and open

Keyboard & Focus

Repair focus order, visibility, and escape behaviour without forcing a mouse or touch screen.

0/3 routes open
  1. Hands-onTab TrailTrace and repair a keyboard path that preserves meaning and operation.☆☆☆2–3 min
  2. Hands-onFocus BeaconRestore a visible focus indicator that stays visible in real layouts.☆☆☆2–3 min

Give every signal another voice

More Than Colour

Add words, shapes, icons, and patterns so meaning survives when hue is unavailable.

0/3 routes open
  1. Hands-onCue BuilderAdd a second perceivable cue wherever colour carries meaning.☆☆☆2–3 min
  2. Hands-onError RescueTurn a colour-only rejection into a clear, connected, actionable error flow.☆☆☆3–4 min

Let people choose when things move

Motion on Your Terms

Decide when motion needs control and design still, truthful reduced-motion alternatives.

0/3 routes open
  1. Hands-onMotion RemixChoose still or restrained equivalents that preserve the purpose of an animation.☆☆☆2–3 min
  2. Hands-onPlayback EngineerBuild a truthful Play, Pause, and Reduced state machine.☆☆☆3–4 min

Quick challenges

Keep the questions. Show the evidence.

These preserve the strongest quiz-style lessons, now with a visual specimen beside every decision.

  1. Quick challenge · ContrastContrast SnapIdentify which text clears its minimum contrast requirement.☆☆☆2–3 min
  2. Quick challenge · FormsTree DetectiveDiagnose missing or misleading form semantics in a simplified accessibility tree.☆☆☆3–4 min
  3. Quick challenge · ImagesContext CaptionWrite or choose text alternatives that serve the image’s purpose in its current context.☆☆☆2–3 min
  4. Quick challenge · KeyboardEscape RouteDistinguish a deliberate modal focus cycle from an accidental keyboard trap.☆☆☆3–4 min
  5. Quick challenge · Beyond colourBeyond HueRepair charts and maps with direct labels, patterns, shapes, and sufficient non-text contrast.☆☆☆3–4 min
  6. Quick challenge · MotionPause PatrolDecide when automatic movement or updating content needs pause, stop, or hide controls.☆☆☆2–3 min

Mixed-world finale

Launch-Day Audit

Find six seeded barriers in an e-commerce launch, apply the right repair kit, and verify the result. It opens after any one game in each world.

ContrastFormsImagesKeyboardBeyond colourMotion
0 of 6 world routes openView finale requirements

Mastery without punishment

Learn the rule. Keep your agency.

Evidence, immediately

Every answer explains what changed in plain language, with the relevant official rule available when you want it.

No inaccessible advantage

Rule-based, nonvisual, keyboard, and reduced-motion routes carry no score penalty. Access is not a difficulty setting.

Private progress

Your best scores, stars, effects, and sound setting stay in this browser. Nothing is sent to a leaderboard or account.

Want the original context?

See the six barriers before you repair them.

The simulator demonstrates what broken design does. The Arcade turns those lessons into practical decisions.

Open the empathy simulator