Shopify Accessibility: The Complete Guide for ADA + EAA Compliance

This is the source-of-truth guide for making a Shopify store accessible in 2026. It covers the legal landscape (ADA Title III, the European Accessibility Act, WCAG 2.1 + 2.2 AA), every common theme-level failure, and the exact code-level fix for each — with auto-fix availability called out per item. It is the pillar article in our Shopify How-To hub, linking down to per-theme audits, WCAG-criterion deep-dives, and how-to-fix-without-a-developer guides.

If you want a 2-minute orientation, jump to the TL;DR. For the full structured walkthrough, read straight through.

The legal target — what "accessible" actually means in 2026

In 2026, "accessible" is no longer a vague aspiration; it is a concrete, testable conformance level: WCAG 2.1 + 2.2 Level AA. Every major accessibility regime references this standard.

• United States — ADA Title III. US courts have consistently held that ecommerce websites are places of public accommodation under Title III of the Americans with Disabilities Act. Over 5,100 ADA Title III digital accessibility lawsuits were filed in 2025, with 69% targeting ecommerce. The DOJ's 2024 Title II web rule explicitly references WCAG 2.1 AA; Title III merchants use the same de-facto benchmark.
• European Union — European Accessibility Act. Directive 2019/882 became enforceable on 28 June 2025. It requires every ecommerce service sold to EU consumers to meet WCAG 2.1 + 2.2 AA, aligned with the harmonized European standard EN 301 549 v3.2.1. Penalties vary by member state — Germany fines up to €500,000 per infringement; France issues mandatory remediation orders.
• United Kingdom — Equality Act 2010. Post-Brexit the UK is not subject to the EAA, but the Equality Act still requires reasonable adjustments, including accessible websites. WCAG 2.1 AA remains the practical target.
• Canada — AODA / federal ACA. Ontario's AODA and the federal Accessible Canada Act both reference WCAG 2.1 AA for digital services.

The headline takeaway: jurisdiction-of-customer matters more than jurisdiction-of-merchant. A US Shopify store that accepts a single order from any EU country falls within EAA scope for that customer-facing surface. An EU store serving US customers is potentially exposed to ADA Title III.

What WCAG 2.2 added — and what changes for Shopify in 2026

WCAG 2.2, ratified in October 2023, added nine new success criteria on top of WCAG 2.1. Four of them are the reason we now say "WCAG 2.1 + 2.2" rather than just 2.1:

• 2.4.11 Focus Not Obscured (Min) — sticky headers must not cover focused links. Affects Shopify stores with sticky announcement bars, sticky cart drawers, and sticky mega-menus.
• 2.4.13 Focus Appearance — focus indicators must be ≥2px thick and meet a 3:1 contrast ratio.
• 2.5.7 Dragging Movements — drag-only interactions need a single-pointer alternative. Affects image carousels and any sortable UI.
• 2.5.8 Target Size (Min) — pointer targets must be ≥24×24 CSS pixels. Many themes ship with 16-18px tap targets in mobile navigation.
• 3.3.8 Accessible Authentication (Min) — login flows cannot depend on cognitive function tests (typing memorized passwords, transcribing CAPTCHAs) without an alternative.

For Shopify merchants, the practical impact is that themes that passed WCAG 2.1 AA in 2023 typically have new failures under 2.2 — usually around mobile tap targets, sticky-header focus obscuring, and CAPTCHA accessibility on customer-account flows.

The Shopify-specific failure map

Across thousands of Shopify storefront scans, the violations cluster into a predictable list. The top 10 below account for roughly 75% of all WCAG AA failures on any given Shopify store:

1. Missing alt text on product images — WCAG 1.1.1 Non-text Content. Auto-fixable via AI-generated descriptions.
2. Insufficient color contrast — WCAG 1.4.3 Contrast (Minimum). Auto-fixable via brand-aligned color shifts.
3. Missing form labels — WCAG 3.3.2 Labels or Instructions. Auto-fixable in Liquid.
4. Icon buttons without accessible names — WCAG 4.1.2 Name, Role, Value. Auto-fixable via ARIA labels.
5. Generic "Read more" link text — WCAG 2.4.4 Link Purpose. Partial auto-fix.
6. Custom dropdowns / swatches not keyboard-reachable — WCAG 2.1.1 Keyboard. Partial auto-fix.
7. Hidden focus indicators — WCAG 2.4.7 Focus Visible. Auto-fixable in CSS.
8. Missing semantic structure on spec / nutrition tables — WCAG 1.3.1 Info and Relationships. Partial auto-fix.
9. Tap targets smaller than 24×24 CSS px — WCAG 2.5.8 Target Size. Auto-fixable.
10. Login flows blocking paste / using CAPTCHAs without alternatives — WCAG 3.3.8 Accessible Authentication. Auto-fixable.

If your store passes all 10, you have likely cleared the violations most cited in ADA demand letters and EAA market-surveillance actions.

Theme-by-theme — what each major Shopify theme gets right and wrong

The shipping accessibility quality of Shopify themes varies more than most merchants realize.

• Dawn — Shopify's reference OS 2.0 theme and the most-installed theme on the platform. Better than most premium themes on accessibility, but still ships with predictable WCAG gaps: low contrast on secondary buttons, missing aria-current on cart drawer, inconsistent skip-nav behavior on mobile.
• Debut — the legacy free theme. Pre-dates OS 2.0 and ships with structural accessibility issues — non-semantic dropdown menus, missing form labels on the newsletter capture, contrast failures in the default purple palette.
• Craft — premium theme popular with artisan and lifestyle brands. Ships with the same accessibility gaps as most premium themes: insufficient color contrast on muted palettes, missing focus styles on custom dropdowns.
• Studio, Sense, Refresh, Origin — newer OS 2.0 themes. Generally good baseline; per-store failures concentrate in merchant-customized sections.

How to actually fix this — the practical workflow

There are four ways to make a Shopify store accessible. They are not equivalent.

1. Manual remediation by an accessibility consultant

Cost: $5,000–$20,000 for an initial audit + remediation, then $2,000–$10,000/year for monitoring. Coverage: 95%+ of WCAG criteria. Best for: enterprise stores where regulatory exposure justifies the spend.

2. AI-powered automated remediation (AccessComply)

Cost: $0 for free scans, $49–$399/month for fixes + monitoring. Coverage: ~70-80% of automatable WCAG criteria, with the remainder flagged for manual review. Best for: most Shopify merchants — you get the violations cited in 90% of demand letters fixed automatically, with an audit trail for legal defense.

3. Manual remediation by your in-house developer

Cost: 40-200 developer-hours for an initial cleanup. Coverage: depends on developer expertise. Best for: stores with strong dev resources and willingness to invest in tooling.

4. Overlay widgets (AccessiBe, UserWay, Isonomy, etc.)

Cost: $49–$490/month. Coverage: zero genuine WCAG conformance — overlays do not modify source code and the DOJ has explicitly rejected them as a compliance approach. The FTC fined AccessiBe $1M in 2025 for deceptive accessibility claims. Best for: nobody. Avoid.

What an accessible Shopify store looks like from the merchant side

Run a free AccessComply scan on your storefront. You'll get:

• A 0-100 compliance score against WCAG 2.1 + 2.2 AA.
• A categorized violation list — alt text, contrast, keyboard, focus, forms, structure, mobile, authentication.
• A lawsuit-risk tier — CRITICAL / HIGH / MEDIUM / LOW.
• The exact code change required for each violation, in Liquid / CSS / HTML.

If you upgrade to a paid plan, AccessComply's fix agents apply the changes directly to your theme via the Shopify Admin API — backing up every file before modification, re-scanning to verify the fix, and rolling back automatically if the fix introduces a regression.

Compliance documentation — what to publish

Even if your storefront is fully compliant, you need to document the effort. Two artifacts matter:

• An accessibility statement — required by the EAA, recommended under ADA. Publish at /pages/accessibility-statement and link from the homepage footer.
• An audit trail — scan history, fix history, backup records. AccessComply produces this automatically; if you remediate manually, keep your own log. Demonstrating an active, ongoing remediation effort is a recognized legal defense in both ADA and EAA proceedings.

Common questions — what to do when…

…you receive an ADA demand letter

Don't ignore it. Within 72 hours: preserve the letter, retain ADA Title III counsel, lock down evidence of your current accessibility state, and start a documented remediation plan. Full guide here.

…you sell to EU customers

You are subject to the EAA. Run a scan, prioritize WCAG 2.1 + 2.2 AA, publish an accessibility statement, and document your remediation work. Country-specific guides for France, Germany, and the UK.

…you already have an overlay installed

The overlay does not protect you. The data is unambiguous: 22.6% of websites sued for ADA violations had an overlay installed at the time. Switch to source-code fixes — and consider whether the overlay vendor's deceptive marketing claims should factor into your retention decision after the FTC's $1M fine of AccessiBe.

Further reading by topic

• Lawsuit landscape — ADA lawsuit statistics 2026, 5 real Shopify stores sued, demand letter response guide.
• EAA / Europe — EAA pillar guide, France, Germany, UK.
• WCAG references — WCAG 2.1 AA checklist, WCAG 2.2 new criteria, per-criterion deep-dives.
• Overlay critique — why overlays don't work, stores sued despite overlays, overlay vs source-code comparison.
• By industry — fashion, beauty, food, electronics.

Primary sources

• W3C — Web Content Accessibility Guidelines (WCAG) 2.2
• DOJ — Web accessibility under the ADA
• EUR-Lex — Directive (EU) 2019/882 (European Accessibility Act)
• ETSI — EN 301 549 v3.2.1
• FTC — Action against accessiBe (2025)