Shopify Accessibility: Making Your Store EAA Compliant

Shopify Accessibility: Making Your Store EAA Compliant

Shopify powers millions of e-commerce stores across Europe. If you sell to EU customers, the European Accessibility Act (EAA) applies to you — and Shopify's default themes, while improved, are not automatically WCAG 2.1 AA compliant.

This guide covers what you need to do to make your Shopify store accessible in 2026, what Shopify provides out of the box, and how to audit and fix accessibility issues specific to the platform.

Does the EAA Apply to Your Shopify Store?

Yes, if you sell to consumers in EU member states, the EAA applies. The directive covers digital services including e-commerce, and the enforcement date was June 28, 2025. Microenterprises (fewer than 10 employees AND less than €2M annual turnover) are exempt, but any store of meaningful size must comply.

The stakes are real: Spain can fine up to €1,000,000; Netherlands up to €900,000; Germany up to €100,000. More importantly, inaccessible stores lose sales — 135 million EU citizens have some form of disability, and many have purchasing power.

What Shopify Does for Accessibility

Shopify has made significant accessibility improvements in recent years:

• The Dawn theme (Shopify's reference theme) is designed with accessibility in mind
• Shopify has committed to WCAG 2.1 AA compliance in their hosted checkout
• Theme Store themes are reviewed for basic accessibility issues

However, "designed with accessibility in mind" is not the same as "WCAG 2.1 AA conformant." In practice, most Shopify stores have numerous accessibility issues.

Common Accessibility Issues in Shopify Stores

1. Product Images Without Alt Text

This is the most pervasive issue. Shopify makes it easy to upload product images without filling in alt text, and many merchants skip this step. Every meaningful product image needs descriptive alt text.

Fix: In your Shopify admin, go to each product, click on the image, and add descriptive alt text. For large catalogs, use Shopify's bulk editor or an app like Bulk Image Edit.

2. Inaccessible Product Variant Selectors

Swatches for color/size variants often lack proper labels and keyboard support. A user navigating by keyboard or screen reader may not be able to select a variant.

Fix: Ensure variant buttons have proper aria-label attributes (e.g., "Color: Red") and are focusable and operable via keyboard.

3. Low Contrast Text

Many themes use light gray text on white backgrounds for secondary information. This fails the WCAG 1.4.3 contrast requirement of 4.5:1 for normal text.

Fix: Use Shopify's Theme Editor to adjust color settings. Use EAAPass to identify exactly which text elements fail contrast.

4. Inaccessible Product Filtering

Collection page filtering (price range sliders, checkbox filters) is often custom-built and frequently lacks proper keyboard support and ARIA attributes.

5. Popup and Modal Issues

Newsletter popups, size guides, and quick-view modals often have focus management problems — focus doesn't move into the modal, doesn't stay trapped within it, and doesn't return to the trigger when dismissed.

6. Checkout Accessibility

Shopify's hosted checkout has improved significantly and is generally accessible. However, if you're using Shopify Plus with a customized checkout, you need to verify accessibility yourself.

How to Audit Your Shopify Store

The fastest way is to use EAAPass. Enter your store URL, and within 60 seconds you'll get a full WCAG 2.1 AA audit showing every violation, its severity (critical/serious/moderate/minor), which WCAG criterion it violates, and guidance on how to fix it.

For a Shopify store, focus particularly on:

• Home page
• A category/collection page
• A product page
• Cart page
• Account login/registration pages

Shopify Accessibility Apps

Warning about overlay apps: Several Shopify apps claim to make your store "instantly compliant" by adding an overlay widget. These include AccessiBe, UserWay, and similar products. Avoid them. They don't fix your actual code, are opposed by disability advocates, and don't satisfy EU regulators.

Instead, use audit tools that show you what to fix, and then fix it in your theme's code or through the Theme Editor.

Shopify Liquid: Accessibility Tips for Developers

If you're customizing your theme's Liquid code:

• Use semantic HTML — <nav>, <main>, <header>, <footer>, <section>
• Ensure all form inputs have associated labels (not just placeholders)
• Add skip navigation links at the top of the page
• Ensure heading hierarchy is logical (one h1 per page, then h2, h3)
• Test with keyboard navigation — Tab through the entire page
• Test with a screen reader (NVDA + Firefox on Windows, VoiceOver on macOS/iOS)

Documenting Compliance: Accessibility Statement

Under the EAA, you're required to publish an Accessibility Statement on your website. This should include:

• Your conformance status (full, partial, non-conformant)
• Known exceptions and their reasons
• Contact information for users to report accessibility issues
• A link to the national enforcement body

EAAPass can generate this statement automatically based on your audit results.

Get Your Free Shopify Accessibility Audit

Run your Shopify store through EAAPass now. Free, no signup required, results in under 60 seconds. You'll see exactly what needs to be fixed and get a PDF report you can share with your developer or Shopify theme designer.

Visit eaapass.eu to get started.