EXPERIMENTS · EXPERIENCE BARRIERS DIRECTLY

Feel What
Learners Feel

Reading about accessibility barriers is useful. Experiencing them is unforgettable.

Each experiment applies real CSS and JavaScript transformations to actual instructional content — the same kind of content you design every day. Simulations are calibrated to feel like realistic, borderline cases — not obviously broken, but real failures an audit would catch.

Vision

WHAT YOUR LEARNERS SEE
Enter

Experience how color vision deficiencies, low vision, and other visual conditions affect the readability and usability of your learning content.

Color blindness (Protanopia, Deuteranopia, Tritanopia)Low vision and blurTunnel visionGlare sensitivity

Motor

HOW YOUR LEARNERS INTERACT
Enter

Discover what happens when a learner cannot use a mouse — or when fine motor control makes clicking small targets unreliable.

Tremor and motor imprecisionKeyboard-only navigationSwitch device navigationLimited range of motion

Cognitive

HOW YOUR LEARNERS PROCESS
Enter

Experience cognitive load, working memory limits, and attention splitting — the invisible barriers that affect far more learners than most designers realise.

Information overloadReading difficultyMemory and time pressure

Code Patterns

BEFORE AND AFTER COMPARISONS
Enter

Side-by-side comparisons of 8 common accessibility failures. Drag the slider to reveal the fix, then view the code diff to understand what changed and why.

Form labels and instructionsColor contrast and non-color indicatorsAlt text and image descriptionsLink purpose and contextFocus indicatorsError messagesHeading hierarchyData tables
EXPERIMENT PHILOSOPHY

These experiments do not perfectly replicate disability. They give designers a brief glimpse of specific barriers — enough to build empathy and inform design decisions. Lived experience is far more nuanced and complex. Use experiments to motivate accessible design, not to claim you understand what disabled users experience day-to-day.