Accessibility Playground
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)
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
Low-contrast body text fails WCAG AA contrast ratio
Run axe-core and assert no 'color-contrast' violations on the contrast panel
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
Modal does not trap keyboard focus
Open the modal, Tab past the last focusable element, and assert focus stays inside the modal container
Modal is missing role='dialog' and aria-modal attributes
Open the modal and assert the container has role='dialog' and aria-modal='true'
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
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