Accessibility
Akira is built to meet WCAG-aligned accessibility practices out of the box, so your store works well for customers using a keyboard, a screen reader, or assistive technology, not just a mouse and a typical browser.
Keyboard navigation
Every interactive part of the theme can be reached and operated with a keyboard alone, including dropdown menus, the cart drawer, filters, and modals. Customers who can't use a mouse can still browse, filter, and check out without getting stuck on a control that only responds to a click.
Focus states
Every interactive element has a visible focus state when it's selected with the keyboard. Akira never removes the browser's default outline without replacing it with something visible, which is a common accessibility failure on themes that prioritize a "cleaner" look over usability.
Images and forms
- Alt text is supported on every image field in the theme, so screen reader users get a description of what's shown rather than silence.
- Form inputs, such as the newsletter signup, contact form, and account fields, are paired with proper labels rather than placeholder text alone.
Color contrast and touch targets
Akira's default color schemes meet sufficient contrast ratios between text and background. Touch targets, buttons, links, and icons are sized for comfortable tapping on mobile, so customers don't need precise taps to hit a small control.
| Area | What Akira provides by default |
|---|---|
| Keyboard | Full navigation, including nested menus |
| Focus states | Visible on every interactive element |
| Images | Alt text field on every image setting |
| Forms | Labels paired with every input |
| Color contrast | Sufficient in default color schemes |
| Touch targets | Sized for mobile tapping |
Tip: If you customize a color scheme with your own brand colors, check the contrast ratio between your text and background colors yourself. The theme can enforce contrast in its default schemes, but it can't enforce contrast on colors you choose in Theme Settings.