guide
WCAG 2.2 on Shopify: complete compliance checklist
Implementing WCAG 2.2 compliance on Shopify means addressing the platform's specific failure modes (custom themes regressing baseline a11y, third-party app widgets (chat, popups, reviews) injecting inaccessible markup) while applying Web Content Accessibility Guidelines 2.2 success criteria across content, code, and editorial workflow.
WCAG 2.2 in 60 seconds
WCAG 2.2 (pronounced 'wuh-cag 2.2') is the World Wide Web Consortium's globally adopted standard for web accessibility, published October 2023, defining 87 testable success criteria organised under four principles: Perceivable, Operable, Understandable, Robust.
Shopify accessibility — what you are starting with
Shopify's default Dawn theme is relatively accessible; the failure modes are theme customisation, third-party apps (Klaviyo, Yotpo, Tidio), and merchant-added image-only content. Shopify itself publishes an accessibility statement but explicitly notes that "individual stores are responsible".
WCAG 2.2 setup checklist for Shopify
1. Start from Dawn or audit your theme: Dawn is Shopify's most-accessible reference theme. If using another theme, request the developer's accessibility statement.
2. Audit your app stack: Each installed app injects markup. Run axe on a typical product page after each new app install.
3. Editorial: alt text for every product image: Shopify's admin supports alt text per image — train merchants to fill it. Mandatory for WCAG 1.1.1.
4. Test express checkout flows: Shop Pay, Apple Pay, Google Pay overlays often fail keyboard / SR testing. Provide a non-express fallback.
Common WCAG 2.2 failures on Shopify
• Custom themes regressing baseline a11y
• Third-party app widgets (chat, popups, reviews) injecting inaccessible markup
• Variant selectors as buttons without labels
• Image-only product descriptions
• Inaccessible Apple Pay / Shop Pay overlays
Putting it together
Combine WCAG 2.2's AA requirements with Shopify's native tooling. Bake accessibility into your component library and editorial workflow; instrument axe-core in CI for regression.
FAQ
Frequently asked questions
Cited answers. Sourced. Updated as standards and case law change.
Is Shopify WCAG-compliant out of the box?
Shopify's platform code (admin, checkout) targets WCAG 2.1 AA. Merchant stores are not automatically compliant — themes, apps, and content determine the rendered accessibility.
What is the easiest path to WCAG 2.2 compliance on Shopify?
Start with the platform's most-accessible default theme (where applicable), audit each installed plugin/extension/module, train content authors on alt text and heading hierarchy, and instrument axe-core in your CI pipeline.
Is Shopify ADA-compliant out of the box?
Shopify's platform code (admin, checkout) targets WCAG 2.1 AA. Merchant stores are not automatically compliant — themes, apps, and content determine the rendered accessibility.
Why are Shopify stores frequent ADA-lawsuit targets?
E-commerce is the highest-litigation vertical and Shopify's share of online retail is large. Most lawsuits target specific failures in the merchant's configuration, not Shopify the platform.
Stop guessing. Get the audit a Fortune 500 a11y team would have written.
Free audit on your live URL. No sign-up. IAAP-format report. Ready in hours.
founders@accessivepath.com · +977 9851094056
