Accessibility

Deliberate axe-core rule violations grouped one rule family per page, plus the helper frame and media assets they embed.

Fixtures that violate named axe-core (WCAG 2.1) rules, one rule family per page, on an otherwise compliant scaffold. The hints behind these pages fire only on a Chrome crawl with the accessibility audit enabled; a non-rendering crawl sees plain, valid HTML with deterministic body markers.

Families:

• Colour and text: AA and AAA contrast failures, a colour-only link, and presentational or obsolete markup (p styled as a heading, forced letter spacing, an orientation lock, hidden content, blink, marquee).
• Forms: eight mislabelled controls on one form, from a bare text input to a visible-label and accessible-name mismatch.
• ARIA: invalid attributes and roles, unnamed widgets, broken structure, hidden focusable content, and a body hidden from the accessibility tree.
• Document structure: missing landmarks and headings, duplicate and nested landmarks, heading-order faults, duplicate ids, and the document language and title family.
• Names and graphics: nameless links and buttons, identical link names with different targets, and the image alt-text rule family.
• Tables and lists: seven single-fault tables and four broken lists.
• Media, frames, and meta directives: captionless audio and video, autoplaying audio, frame title faults, and the meta refresh and viewport zoom rules.
• Keyboard: positive tabindex, duplicate access keys, a broken skip link, and undersized touch targets.

All twenty-two violation pages sit in the default sitemap. The frame-content helper and the two media assets are reachable only as subresources.

Fixtures in this category

• Colour contrast violations — a11y-color-contrast (safe)
• Presentational and obsolete markup — a11y-presentational-markup (safe)
• Form labelling violations — a11y-form-labels (safe)
• ARIA validity violations — a11y-aria-validity (safe)
• ARIA accessible name violations — a11y-aria-names (safe)
• ARIA structure and hidden content violations — a11y-aria-structure (safe)
• Body hidden from assistive technology — a11y-aria-hidden-body (safe)
• Landmarks and headings missing — a11y-landmarks-missing (safe)
• Landmark structure violations — a11y-landmarks-structure (safe)
• Heading order violations — a11y-headings (safe)
• Duplicate id violations — a11y-duplicate-ids (safe)
• Link and button name violations — a11y-link-button-names (safe)
• Image and graphic violations — a11y-images (safe)
• Media caption and autoplay violations — a11y-media (safe)
• Table semantics violations — a11y-tables (safe)
• List structure violations — a11y-lists (safe)
• Document metadata violations — a11y-doc-metadata (safe)
• Invalid document language — a11y-doc-lang-invalid (safe)
• Mismatched lang and xml lang — a11y-doc-lang-mismatch (safe)
• Meta refresh and viewport violations — a11y-meta-directives (safe)
• Frame title and focus violations — a11y-frames (safe)
• Keyboard and focus violations — a11y-keyboard-focus (safe)

Back to the fixture index