Integration Lab
AccessKit integration lab
Master showcase for the Accessibility Widget and DevTools. DevTools runs WCAG 2.0/2.1/2.2 Level A, AA, AAA and best-practice rules. This page includes a wide range of intentional violations so you can see how each is reported. Use the widget toggles below to see how settings affect the page.
Widget settings preview
Use the AccessKit widget (floating button) to toggle each setting and see the effect on the elements below.
Reduced motion
When Reduced Motion is on, the box and dot below should stop moving.
High contrast
When High Contrast is on, the low-contrast sample below becomes easier to read.
Focus indicators
Tab through the buttons and link below to see focus rings when Focus Indicators is on.
Letter, word & line spacing
Use the Letter spacing, Word spacing, and Line height sliders to adjust this paragraph.
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
Dyslexia-friendly font
Turn on Dyslexia-friendly font to switch page text to Lexend for easier reading.
This sample uses the default font until the setting is enabled.
Font size
Use the font size slider in the widget to scale page text.
Sample text at root size; it scales with the slider.
DevTools scan target
DevTools maps impact to severity: Errors = critical/serious, Warnings = moderate/minor. This section includes intentional violations across images, forms, buttons, links, headings, ARIA, color, keyboard, tables, and more. Use the DevTools panel to scan and see how each is reported.
Images & non-text content
Forms & labels
Buttons & links
Headings & structure
Page title
Skipped h2
ARIA & semantics
Color & contrast
This paragraph has insufficient contrast.
Gray on dark gray; may fail enhanced contrast.
Required fields are red. (No other indicator.)
Keyboard & focus
Tables
| A | B |
| 1 | 2 |
| Name | Value |
| X | 1 |
| Col2 | |
|---|---|
| A | B |
Language
Welcome. Bonjour le monde. Continue.
Motion & timing
This text is extremely small.
Important notice: blinking or auto-updating content can be problematic.