Accessibility Playground

accessibility·Medium
time to bug
00:00
median 06:00
a11y-demo.acme.test
live

Accessibility Playground

Deliberate WCAG violations for accessibility tooling and keyboard audits.

Form issues

Contrast and focus issues

This paragraph uses low contrast text.

Modal keyboard behavior

Keyboard interaction details

Known Intentional Issues (7)

Show hints (7)
A11Y-001high

Form inputs have placeholder text but no associated label

Run axe-core on the form panel and assert zero violations of rule 'label'; each input must have an accessible name

A11Y-002high

Low-contrast body text fails WCAG AA contrast ratio

Run axe-core and assert no 'color-contrast' violations on the contrast panel

A11Y-003medium

Interactive button has no visible focus indicator

Tab to the button and assert a non-empty computed outline or box-shadow focus style is present

A11Y-004high

Modal does not trap keyboard focus

Open the modal, Tab past the last focusable element, and assert focus stays inside the modal container

A11Y-005medium

Modal is missing role='dialog' and aria-modal attributes

Open the modal and assert the container has role='dialog' and aria-modal='true'

A11Y-006medium

Modal close action is not reachable by the Escape key

Open the modal, press Escape, and assert the modal is no longer in the DOM

A11Y-007low

Heading order skips levels within the lab page

Run axe-core and assert no 'heading-order' violation; verify a single h1 precedes the section h2s

focus mode hides the rails — just you and the broken app