ADAGuard home
PLATFORMS SHOPIFY

Shopify accessibility,
checked the way shoppers see it.

A WCAG 2.2 and ADA scanner for Shopify. It tests your theme, apps and checkout pages the way a shopper’s browser renders them.

No signup · 10–30 seconds

What we usually find on Shopify.

  • Product images without alt text

    Empty alt attributes on product photos, so a screen reader announces nothing — WCAG 1.1.1.

  • Low contrast

    Light grey text and pale sale badges that fail the 4.5:1 minimum — WCAG 1.4.3.

  • Add-to-cart buttons with no name

    Icon buttons without an accessible name, or targets smaller than 24 by 24 pixels.

  • Checkout fields without labels

    Address and payment fields with no associated label — WCAG 1.3.1 and 3.3.2.

  • Hidden focus outlines

    Themes that remove the focus ring, so keyboard users can’t see where they are.

  • Carousels without pause

    Auto-playing sliders with no pause control and no keyboard access.

Common Shopify app accessibility failures.

Most problems on a Shopify store come from apps that add their own markup after the page loads. Each guide covers one app: what breaks for keyboard and screen reader users, the WCAG criteria involved, and the fix.

  • Klaviyo pop-ups

    Sign-up pop-ups that trap focus, have no accessible name or can’t be closed with Escape.

  • Gorgias chat

    Chat widgets a screen reader can’t find, and messages that are never announced.

  • Okendo reviews

    Review widgets injected after load with star ratings and filters that have no names.

  • Yotpo reviews

    Review carousels, rating stars and forms checked against WCAG 2.2.

  • Cart drawers

    Slide-out carts that don’t move focus, announce changes or return focus on close.

  • Shogun pages

    Page-builder sections with skipped headings, low contrast and unlabeled buttons.

  • PageFly pages

    Landing pages built in PageFly and the markup they produce.

  • Privy pop-ups

    Modals that trap the keyboard or can’t be dismissed.

  • ReCharge subscriptions

    Subscription widgets and customer portals with unlabeled options.

  • Attentive SMS sign-up

    SMS opt-in forms and their consent text, checked for WCAG.

How the scan works.

  1. Paste your URL

    Any public page of your store — the homepage, a collection, a product page.

  2. We render it in a real browser

    Chromium loads the page with your theme and apps, then runs 100+ checks against WCAG 2.2 A and AA — usually in 10–30 seconds.

  3. Fix with the evidence in front of you

    Each issue shows the element, where it is on the page and how to fix common cases.

Questions

Does my Shopify store need to be accessible?

If it sells to the public, the ADA (US) and the European Accessibility Act (EU customers; in Germany, the BFSG) can both apply, and both point to WCAG Level AA. This is general information, not legal advice.

Is Shopify ADA compliant?

Shopify provides the platform, but your theme, apps and content decide most of it. Apps often inject components that a keyboard or screen reader can’t use — we test the finished page, apps included.

What are the most common WCAG violations on Shopify stores?

Product images without alt text, low-contrast text and sale badges, icon buttons (cart, search, quantity) with no accessible name, form fields without labels, focus outlines removed by the theme, carousels with no pause control, and pop-ups, cart drawers and review widgets from apps that trap focus or never announce changes.

What are the most common failures on themes like Dawn, and how do I fix them in code?

On a customized theme they are usually the cart drawer not returning focus when it closes (store the trigger and call focus() on it), dropdown menus that only open on hover (use a button with aria-expanded), duplicate ids when quick-add or variant pickers repeat on a collection page (suffix the id with the product or section id), and brand colors under 4.5:1 (change them in the theme’s color settings). Rescan after each change.

What is the fastest way to get a Shopify store to WCAG 2.2 AA?

Scan the templates that matter — home, collection, product, cart and checkout — and fix in this order: theme-wide issues first (colors, focus styles, headings), because one change fixes every page; then the apps that fail, by changing their settings or asking the vendor; then content such as alt text. Finish with a keyboard and screen reader pass through a purchase. Automated checks can’t settle every criterion, so plan for that manual pass.

Do Klaviyo or other pop-up apps break accessibility?

They can: a pop-up that doesn’t take focus, can’t be closed with Escape or a named close button, or has low-contrast text fails WCAG. See the guides below for Klaviyo, Privy and other apps.

How do I fix the issues on my store?

Each issue comes with the element and fix guidance; most fixes are edits to theme Liquid files and CSS — alt text, contrast, focus styles and form labels.

Is the Shopify accessibility scan free?

Yes. A scan of one page is free with no signup and no app to install — paste the URL above. Paid plans crawl the whole store, scan on a schedule and check pages behind a login.

Can ADAGuard scan a store with hundreds of product pages?

Yes. Paid plans crawl up to 1,000 pages per scan, and smart layout detection scans two pages per template instead of every product page built on it.

Scan your Shopify store now.

  • Real browser, 100+ checks
  • No signup
  • Your score in 10–30 seconds