WCAG Level Test Fixture

Each section deliberately fails one axe-core rule. The badge shows which conformance level the failure is tagged with.

A Image without alt text

Rule: image-alt · WCAG 1.1.1 (Level A)

A Form input without label

Rule: label · WCAG 1.3.1, 4.1.2 (Level A)

A Button with no accessible name

Rule: button-name · WCAG 4.1.2 (Level A)

A Link with no discernible text

Rule: link-name · WCAG 2.4.4, 4.1.2 (Level A)

← empty anchor is right before this arrow.

A Iframe without title

Rule: frame-title · WCAG 2.4.1 (Level A)

AA Insufficient colour contrast (2.85 : 1)

Rule: color-contrast · WCAG 1.4.3 (Level AA)

This grey text on white is much too faint to read comfortably.

AA Viewport blocks zoom

Rule: meta-viewport · WCAG 1.4.4 (Level AA)

See the <meta name="viewport"> at the top of the file — it uses user-scalable=no and maximum-scale=1, which prevents low-vision users from pinch-zooming.

AAA Enhanced colour contrast (4.54 : 1)

Rule: color-contrast-enhanced · WCAG 1.4.6 (Level AAA)

This grey text passes AA contrast but fails the stricter AAA 7:1 requirement.

AAA Identical link text, different destinations

Rule: identical-links-same-purpose · WCAG 2.4.9 (Level AAA)

Read more

Read more