wilds.ai ships with accessibility as a default, not an add-on. Themes, reduced motion, focus outlines, screen reader support, and keyboard navigation all work out of the box. you don't need to change anything for the baseline to be usable.wilds.ai ships with accessibility as a default, not an add-on. Themes, reduced motion, focus outlines, screen reader support, and keyboard navigation all work out of the box. you don't need to change anything for the baseline to be usable.
#Themes
The theme picker in the top bar switches between dark, light, and accessibility-focused variants. Dark is the default. High-contrast dark boosts foreground contrast above WCAG AAA (7:1 for body text, 4.5:1 for UI chrome). Frost Meadow light uses warm parchment tones and high-contrast serif headings.
- Dark. default, comfortable for long sessions.
- High-contrast dark. WCAG AAA body text, strong focus outlines.
- Frost Meadow. warm parchment light mode.
- High-contrast light. maximum legibility for bright environments.
#Reduced motion
Every animation in wilds.ai honors the OS-level prefers-reduced-motion media query. If you've set that in system settings, wilds skips parallax, page transitions, hero carousel auto-rotation, and decorative SVG animations. Essential feedback animations (focus ring transitions, toast enter/exit) use shorter durations instead of being skipped entirely, so nothing feels broken.
#Focus outlines
Focus outlines are always visible on every interactive element, on every theme. The outline is a two-layer teal border plus a soft glow, legible against any background. This is a design principle, not a setting. we never allow contributors to ship outline: none without a replacement.
#Screen readers
All interactive elements have accessible names. Buttons use semantic <button> or anchor markup, not <div onClick>. Icon-only buttons have aria-labels. Live regions announce session state changes (turn rolled, character joined, voice connected). Keyboard navigation follows a logical DOM order. no tabindex hacks.
#Keyboard and controller
Every feature is reachable with the keyboard or a gamepad. If you find a button you can't tab to, that's a bug. email [email protected] and we'll fix it. See the voice and input guide for the full input matrix.
#References
- Voice and Input: Full input matrix including keyboard, gamepad, and voice.
- Keyboard Shortcuts: Every shortcut grouped by context.
- WCAG 2.1 Guidelines: Web Content Accessibility Guidelines reference.