Interactive pages that show what goes wrong when an interface ignores
accessibility. Each page uses mock data and runs entirely in the browser.
Try the tasks yourself first, then repeat them with the suggested
simulation switched on.
Topics
Colour blindness
Text, tables, charts and diagrams that rely on colour alone to carry
meaning. View them with a protanopia filter to see how much is lost.
Hand tremor
A shaking mouse pointer that makes tiny buttons, drag-only sliders,
hover menus and short time limits hard or impossible to use.
Screen readers
Missing alt text, unlabelled icon buttons and form fields, silent error
messages and fake headings, heard through a simulated screen reader.
Includes instructions for trying a real one.
Keyboard only
The mouse is unplugged. Invisible focus, no skip link, jumbled tab
order, click-only controls, a keyboard trap and a badly built dialog.
Cognitive load and dyslexia
Jargon, memory tests at login, a hidden timeout, vague errors and an
auto-playing carousel, with dyslexia and distraction simulations.