Every Shopify theme demo is styled, staged, and lit like a showroom. The hero image is perfect. The product photography is perfect. The typography looks like it belongs in a design portfolio. So we stopped looking at the showroom and started tabbing through it with a keyboard, running a contrast checker on the real color pairings, and reading the markup underneath.
We picked a representative sample across the categories merchants actually shop in: a free minimalist theme, a couple of paid "premium" fashion and lifestyle themes, a photography-heavy theme, a bold maximalist theme, and a couple of utility-focused themes built for high SKU counts. Seven builds in total, none customized, straight out of the theme store. Before a single merchant added their own logo, copy, or products, the same handful of failures showed up again and again.
The Stat: Shopify's own accessibility statement states that Shopify's free OS 2.0 themes, including Dawn, paired with Shopify Checkout, are the platform's most accessible themes and the ones most likely to be ADA-compliant. (Source: Shopify)
That line matters more than it first appears. Shopify is telling merchants, in its own words, that not all themes are equal, and that some carry more risk than others. Our testing across the paid and older-style themes in the sample backed that up.
What "out of the box" actually means
We define out of the box strictly: install the theme, add the demo content the theme ships with, publish it, and test. No custom apps, no third-party widgets, no merchant-added copy. This isolates what the theme itself is responsible for, versus what a merchant introduces later.
That distinction matters because Shopify does hold itself accountable for at least one theme. Shopify publishes a real Accessibility Conformance Report for the Dawn theme, documenting its components section by section against the standard. Dawn is Shopify's free, default OS 2.0 theme, and it's the one Shopify explicitly names as the most likely to be ADA-compliant when paired with Shopify Checkout. None of the paid or older-style themes in our sample had anything close to that level of published documentation, and it showed in the testing.
The five failures that kept repeating
1. Low-contrast secondary text
Muted grey captions, subtitle text under product names, and "you may also like" labels were the single most common failure in our sample, appearing in 6 of 7 themes. Designers reach for lighter greys because they look elegant against a cream or white background. The problem is WCAG 1.4.3 Contrast (Minimum), which requires at least a 4.5:1 contrast ratio for normal text against its background, and 3:1 for large text. Several of the secondary-text pairings we measured landed between 2.8:1 and 3.6:1, comfortably readable to someone with typical vision in good lighting, and effectively invisible to a meaningful share of shoppers.
2. Icon-only buttons with no accessible label
Wishlist hearts, search magnifying glasses, cart icons, and quick-view "eye" icons showed up unlabeled in 5 of 7 themes. Visually they're obvious. To a screen reader, an unlabeled icon button often announces as nothing more than "button," with no indication of what it does.
3. Sold-out and quick-view widgets with no focus management
Also 5 of 7. A shopper clicks "quick view," a modal opens over the product grid, and keyboard focus stays right where it was, still sitting on the grid behind the now-open dialog. Keyboard and screen reader users can end up tabbing through content they can't see, with no path to the modal that just covered the screen, and no reliable way back.
4. Carousels with no pause control
Homepage hero carousels auto-rotated in 4 of 7 themes with no visible pause button. For anyone who needs more time to read a slide, motion that won't stop is a genuine barrier, not just an annoyance.
5. Vague "Shop now" link text
Also 4 of 7. Product collection tiles linked out with generic text like "Shop now" or "Learn more" repeated identically across a dozen tiles on the same page. Out of context, a screen reader user navigating by links alone hears the same phrase over and over with no way to tell one destination from another.
The pattern behind the pattern
None of these are exotic failures. They're the seven or eight things that show up on almost every accessibility audit we run, regardless of platform. What's notable is how consistently they appeared before a merchant had touched anything. If we've learned one thing testing platforms side by side, it's that the underlying commerce engine matters less than which specific theme and app stack sits on top of it - a point we get into in our full breakdown of Shopify vs WooCommerce accessibility.
A quick self-check before you customize further
- Run your secondary/caption text through a contrast checker against its actual background
- Tab through your header icons and confirm each one announces a real label, not just "button"
- Open a quick-view or sold-out modal with a keyboard and confirm focus moves into it
- Confirm any auto-rotating carousel has a visible pause control
- Scan your collection page link text for repeated, non-descriptive phrases like "Shop now"
| Failure | Themes affected | WCAG-relevant concern |
|---|---|---|
| Low-contrast secondary text | 6 of 7 | 1.4.3 Contrast (Minimum) |
| Icon-only buttons, no label | 5 of 7 | Accessible name/purpose |
| No focus management in modals | 5 of 7 | Keyboard/focus order |
| Carousel with no pause | 4 of 7 | Motion/timing control |
| Vague link text | 4 of 7 | Link purpose in context |
None of this requires a redesign. It requires someone to actually check, the same way we did, before the theme goes live rather than after a shopper or a complaint finds it first. If you want a fast read on where your own storefront stands, try our free contrast checker on your live theme, or use it to run your own theme through our contrast and structure checks before your next launch.