AccessivePath

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.

Devansh Bhatia · IAAP CPACC · 5 years accessibility engineer3 min readPublished · Updated

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