A page built the way real pages are built
Low-contrast body text, px-based sizing, colour-only
links with no underline, focus outlines removed,
images with no alternative text, buttons with no accessible name, animation
that never stops, and no main landmark until the screen reader
helper adds one. Every setting in the panel has something here to act on.
Controls to test
“Inject new content” adds paragraphs after load — text scaling has to pick them up through its mutation observer, not just on first pass.
Motion and flashing
FLASHING a CSS pulse, a sliding block, and a real animated GIF at 10 fps.
Text and reading
A third-level heading
Line spacing, letter spacing and word spacing are all set on this paragraph by the page's own stylesheet, so inherited values alone will not move them — the widget has to force them per element. Alignment starts as the default.
Forms with no labels
Images
Colour-only information
Status: Passing · Failing · Pending — three states distinguished by hue alone, which is what the colour-blind filters have to make separable.
A long section to scroll
Use the reading mask and the magnifier here, and arrow through sections with “focus on a section”.
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
How vexingly quick daft zebras jump. Sphinx of black quartz, judge my vow.
Waltz, bad nymph, for quick jigs vex. The five boxing wizards jump quickly.