By platform · Shopify
Where Shopify Stores Break, and What You Control
Your theme, your apps and your product content are all yours to fix. Checkout is a narrower box than it used to be, and knowing exactly where the line falls saves a week of pushing on the wrong door.
Last reviewed August 30, 2026
For the store owner who's been told their shop needs to be accessible and wants to know what they can actually change.
E-commerce draws more accessibility complaints than every other category put together. In the 2025 US lawsuit data it is around 70 percent of filings, and the reason is not mysterious. A broken blog post annoys somebody. A broken checkout is a customer who arrived to spend money and could not.
On Shopify the work splits into what you control and what you do not, and drawing that line first is worth more than any single fix. The line moved in 2025 in both directions, so plenty of the Shopify advice you will find elsewhere is describing a platform that no longer exists.
What breaks on Shopify
The failures we find most often on this platform, and the rule each one breaks.
Theme color and typography settings
Themes ship with palettes chosen to photograph well in a demo store. Sale prices in light red on white are the classic failure, and they are wrong on every product page at once because they came from one setting.
1.4.3 Contrast (Minimum)
Product variant selectors
Color swatches built as unlabeled divs give a screen reader user nothing to work with. No name for the option, no way to know which one is selected, and no confirmation that choosing it did anything.
4.1.2 Name, Role, Value
Quick view and cart drawers
They open without moving focus into them, do not hold focus while they are open, and often cannot be closed with Escape. Shopify's own theme guidance names modals and slideshows as the components that need this work, which tells you how common it is.
2.4.3 Focus Order
App-injected content
Review widgets, upsell popups and chat bubbles load last and layer on top of everything, frequently with no keyboard route in or back out. Disable them one at a time and retest, and the culprit usually surfaces in ten minutes.
2.1.1 Keyboard
Product images with no alt text
Shopify gives every image an alt field and requires nothing. On a store with 400 products it is usually empty. Auto-generated alt text is not the escape it looks like either, and the FTC's published examples are the clearest illustration going. Photographs of filet mignon and bison filets came out described as brown bread on a white ceramic plate. Brown bread.
1.1.1 Non-text Content
Discount and error messaging
An invalid code message appears in the cart visually and is never announced, so a screen reader user retypes a code that was already rejected and gets the same silence back.
3.3.1 Error Identification
The plugin question, answered
The Shopify App Store has an accessibility category, and most of what is in it is an overlay widget under a different name. We have not counted the category, so read that as most rather than all.
Be careful here, because the claim ends up published on your domain under your name. An app promising ADA or WCAG compliance from a one-click install is making a statement about your store that it has no way to stand behind.
Accessibility scanning apps
Apps that crawl your store on a schedule and report issues against WCAG.
- What it does
- Repeated monitoring across a large catalog is genuinely useful when products and pages change every week, because it catches what an editor introduced on Tuesday.
- What it cannot
- They are automated scanners, so they cover the machine-checkable rules only. Treat the output as a to-do list rather than a verdict, and never as something to quote back to a customer.
Alt text management apps
Bulk tools for adding and editing alt text across a whole catalog.
- What it does
- On a store with thousands of images, bulk editing turns an impossible job into a boring one, and boring is the goal.
- What it cannot
- Auto-generated alt text describes what a model sees, not what the image is for in your store. A shopper needs to know which shade of blue this is and whether it is the front or the back. Review every generated line rather than trusting it.
Overlay widgets (accessiBe, UserWay, AudioEye and the rest)
A script you paste into your template that draws a toolbar for visitors and claims to repair your pages automatically as they load.
- What it does
- The toolbar half is real. Bigger text, higher contrast, adjusted spacing and a reading guide are preferences some visitors use, and the field's own reference document on overlays says a non-trivial array of accessibility problems can genuinely be repaired this way.
- What it cannot
- It does not change the markup your server sends, and the categories it handles worst are the ones that decide whether a site works at all. Text alternatives, form labels and error handling, and keyboard access. More than 5,000 US digital accessibility lawsuits were filed in 2025, and the firm that compiles that dataset reads the filings the same way every year, which is that widgets do not materially reduce legal risk. Our overlays page has the documented record.
What to actually do
- Test the theme before anything else. Tab through a product page, open the cart drawer, and try to choose a variant without touching the mouse.
- Check your theme's color settings in the contrast checker. Sale prices, badges and button labels are the usual failures.
- Fill in alt text on your best sellers first, then work down the catalog. Our alt text decision helper covers what to write for a product photo.
- Audit your apps by disabling each one and retesting. The popup that traps focus is nearly always an app rather than the theme.
- Run the free 10-page scan across your home page, a collection page and several product pages.
- Buy something from your own store using only the keyboard, all the way to the confirmation screen, including the parts you cannot edit. That is how you learn what to report to Shopify rather than what to fix yourself.
On themes and templates
Horizon replaced Dawn as the default theme in May 2025, so a store opened since then starts on Horizon and an older one probably does not. Either is a reasonable base. What matters more than which one you have is that every theme in the Shopify Theme Store must clear published accessibility requirements before it is listed. Keyboard operation throughout, including dropdown navigation. A visible focus state. Body text at 4.5:1 and non-text elements at 3:1. Touch targets of at least 24 by 24 CSS pixels. And a minimum average Lighthouse accessibility score of 90 across the home, collection and product pages. That is a real filter and it is not a WCAG claim, because an automated score can only check what an automated score checks. A theme bought outside the Theme Store has cleared none of it. Whichever you are considering, open the demo store first and try to buy something with the mouse unplugged.
One honest limit
Checkout structure is largely outside your hands. The old checkout template was retired in August 2025, so nobody edits that markup directly any more, and the deeper customization above it needs Shopify Plus. What every plan does get is the checkout editor, which sets fonts, colors, layouts and backgrounds. That cuts both ways. You can fail contrast inside checkout without writing a line of code, and you can fix it the same way. Test the whole flow regardless, so that when a customer reports a barrier you know within a minute whether it is yours or Shopify's.
Keep reading
Other platforms
Shopify
We test all 55 WCAG 2.2 A and AA rules on your Shopify site, with an expert review and a real blind screen-reader user on your key journeys. Every finding screenshotted and mapped to its fix. $499, report in 5 business days.