Accessibility (WCAG and ADA)
What Rouge does for accessibility out of the box, and what to check in your own content.
Rouge is built to meet the WCAG 2.2 AA guidelines, which most accessibility laws, including the ADA in the United States, point to. The theme handles the structure. Your content, like images and colours, is up to you.
What Rouge handles
- Keyboard: every menu, slider, drawer and the shade quiz can be used without a mouse, with a visible focus ring.
- Screen readers: sections use real headings, buttons and landmarks, and sliders announce which slide is showing.
- Motion: shoppers who turn on reduce motion on their device get a still, complete store.
- Touch: buttons and swatches are at least 44 pixels, so they are easy to tap.
What to check in your store
Add alt text to images
In Content › Files, give each image a short description of what it shows. Decorative images can stay empty.
Check your colours
Rouge warns you in Theme settings › Colours when text is hard to read on its background. Fix any scheme that shows a warning.
Write clear link text
“Shop Cheek Jam” tells a shopper where a link goes. “Click here” does not.
Good to know
No theme can make a store fully accessible on its own. Apps, embedded videos and custom code need the same checks.