Demo · accessibility and search
Usable by everyone.
KLXM Studio and the “klxm” kit are designed for WCAG 2.2 AA. Try it yourself on this website – the cards below explain how.
Try it yourself
Six things you can try right now
-
Dark colour scheme
Follows your device setting; the switch in the header picks light or dark for this website (stored only in the browser, no cookie).
-
Reduce motion
With “reduce motion” in your operating system, sliders, counters and reveals stay still.
-
Keyboard
Tab through the page: visible focus, “Skip to content” as the first link, dialogs close with Esc.
-
Search with typos
Search for “calender” – the search still finds “calendar”.
Open search: Search with typos -
Alt text required
An image cannot be used without alt text (or the “decorative” flag) – maintained per language.
-
Forms
Labels above fields, required markers, errors at the field and as a linked list.
Go to the form: Forms
Frequently asked
Accessibility day to day
How do I turn on “reduce motion”?
macOS/iOS: Accessibility → Motion. Windows: Settings → Accessibility → Visual effects → Animation effects off. Android: Accessibility → Remove animations.
Is accessibility tested?
Yes: automated checks (axe) in light and dark, contrast checks of colours in the style editor, plus manual keyboard and screen reader tests.
Do I need a plugin for this?
No. Colour scheme, focus, forms, alt texts and reduced motion are part of the core and kits.