Accessibility demo page
This page deliberately contains a wide range of WCAG 2.2 accessibility problems for testing the scanner.
Skipped heading level (h1 jumps straight to h4) — SC 1.3.1 / 2.4.10
Low contrast paragraph text that is very hard to read against its background — SC 1.4.3.
Even lighter grey text on white — SC 1.4.3.
Images — SC 1.1.1
Image with no alt attribute at all:
Image with a placeholder alt:
Image whose alt is a filename:
Image used as the only content of a link, with no alt:
Decorative spacer not hidden from assistive tech:
Inline SVG with no title/label:
Links — SC 2.4.4 / 1.4.1
Ambiguous link text: click here and read more and click here.
Link distinguished only by colour: normal text and this coloured link with no underline — SC 1.4.1.
Tables — SC 1.3.1
| Product | Price | Stock |
| Widget | £10 | Yes |
| Gadget | £15 | No |
(Data table with no header cells and no caption.)
Forms — SC 1.3.1 / 3.3.2 / 4.1.2 / 1.3.5
ARIA & controls — SC 4.1.2 / 2.5.3
Delete — custom button, verify name/role/state.
— visible label differs from accessible name (SC 2.5.3).
Labelled by a non-existent element
Focus order & embedded content — SC 2.4.3 / 4.1.2
(positive tabindex values force an unnatural focus order — SC 2.4.3)
(iframe above has no title attribute — SC 4.1.2 / 2.4.1)
Text spacing / readability — SC 1.4.8
This paragraph is fully justified which can create uneven “rivers” of white space that reduce readability for some users, and it uses a fixed pixel width that does not reflow.