Shopify is the most popular e-commerce platform in the world, powering over 4 million online stores. Under the European Accessibility Act, e-commerce websites selling to EU consumers must meet EN 301 549 accessibility requirements - and Shopify's default themes don't guarantee compliance. Many store owners assume their theme handles accessibility, but most themes ship with significant gaps.
Common Shopify accessibility issues
Missing or generic alt text on product images
Shopify auto-generates alt text from filenames if store owners don't provide it. This results in alt text like 'IMG_4829.jpg' or 'product-photo-1' - useless for screen reader users. Every product image needs descriptive, manually written alt text.
Inaccessible dropdown navigation menus
Many Shopify themes implement dropdown menus that can't be operated with a keyboard or announced by screen readers. Users who can't use a mouse get stuck at the top-level navigation.
Colour contrast failures in theme defaults
Popular Shopify themes often ship with colour combinations that fail WCAG AA contrast requirements - especially in sale badges, muted body text, and placeholder text in search and form fields.
Missing form labels on checkout and account pages
Shopify's checkout flow and account creation forms sometimes use placeholder text instead of proper <label> elements, making them difficult or impossible for screen reader users to complete.
Focus indicators removed or invisible
Many themes override browser default focus styles for aesthetics, removing the visible outline that keyboard users rely on to know which element is currently focused.
Cart and quantity controls not keyboard accessible
Custom quantity selectors, 'add to cart' interactions, and cart drawers frequently lack keyboard support and ARIA labels, creating barriers in the most critical conversion flow.
How Lumi works with Shopify
Lumi scans your Shopify store like a real user - navigating through product listings, collection pages, checkout flows, and account pages. Our five scanning engines catch issues that single-engine tools miss, including Shopify-specific patterns like theme-generated markup, dynamic cart drawers, and app-injected widgets. Set up continuous monitoring to catch regressions every time you update your theme or install a new app.
Shopify-specific WCAG gotchas
Theme updates can break accessibility
When you update a Shopify theme, previously fixed accessibility issues can reappear. Continuous monitoring catches these regressions automatically.
Third-party apps inject inaccessible markup
Shopify apps (reviews, popups, chat widgets, upsell modals) inject their own HTML into your store. This markup is often completely inaccessible and outside your theme's control.
Liquid templates don't enforce semantic HTML
Shopify's Liquid templating language doesn't validate accessibility. It's possible to build entire pages with divs and spans instead of semantic elements like nav, main, and button.
Scan your Shopify site for free
See how your site measures up against WCAG 2.2 and EN 301 549 - in 30 seconds, no signup required.
Frequently asked questions
Is Shopify WCAG compliant out of the box?
No. Shopify provides some accessibility features (like the Dawn theme which has improved accessibility), but no Shopify theme guarantees full WCAG 2.2 AA compliance. Store owners are responsible for ensuring their specific store meets accessibility requirements.
Does the EAA apply to Shopify stores?
If your Shopify store sells products or services to consumers in the EU, yes - the EAA applies regardless of where your business is based. E-commerce is explicitly listed as an in-scope sector under the EAA.
Can I make my Shopify store accessible without changing themes?
Many accessibility issues can be fixed within your existing theme through template edits, alt text updates, and CSS adjustments. However, some themes have fundamental structural issues that require a theme change or significant custom development.
How often should I scan my Shopify store for accessibility?
At minimum, scan after every theme update, app installation, and major content change. Ideally, set up continuous monitoring to catch issues automatically - new products, app updates, and theme changes can all introduce regressions.
Related resources
Last reviewed: April 2026. Content is reviewed quarterly for accuracy.