adaaccessibilityshopifyoverlayswcag

Shopify ADA Compliance: What an App Can and Cannot Do

Shopify ADA compliance apps against what the ADA and the Department of Justice say: what scanners and overlays do, where they stop, and what testing by hand adds.

By Radoslaw Fedorczuk10 min read

Shopify ADA compliance is a property of your store: its theme, its apps and its content. It is not something an app can install. Merchants search for an "ADA compliance app" because they want one step that settles the question, and the App Store has listings that promise it. An app can find part of the problems, sort them and help you fix them. It cannot decide that your store meets the law, and no honest vendor, us included, will tell you otherwise.

This article is not legal advice. It sets out what the US Department of Justice says, what automated tools reach, where overlays stand after the FTC's accessiBe order, and what a plan looks like that does not depend on a promise.

What the ADA says about websites

The Department of Justice published Guidance on Web Accessibility and the ADA on 18 March 2022. Three points from it matter for a Shopify store:

  • Title III of the ADA covers businesses open to the public, and the Department applies its general nondiscrimination and effective communication rules to their websites.
  • The Department has no regulation with detailed technical standards for business websites. Businesses can choose how they make their online goods and services accessible.
  • Existing standards, the Web Content Accessibility Guidelines (WCAG) among them, give helpful guidance on how to do it.

The same page warns that a "clean" report from an automated checker does not mean everything is accessible, and suggests pairing automated checks with manual ones. The 2024 rule that sets WCAG 2.1 Level AA as a technical standard applies to state and local governments under Title II, and the guidance page notes that it does not reflect those requirements. For a store, WCAG is the working reference because courts, auditors and customers use it, not because a regulation names it.

Is Shopify itself ADA compliant?

Shopify runs the platform and the hosted checkout. Your theme, the apps you add and your content (photos, product descriptions, banners, videos) come from you and whoever builds your store. A shopper who uses a screen reader meets all of it at once, and a statement about the platform says nothing about your theme or your alt text.

Themes in the Shopify Theme Store have to meet accessibility requirements, including a minimum average Lighthouse accessibility score of 90 across the home, collection and product pages. That is a useful floor. Lighthouse is itself an automated check, and the theme changes the moment you add sections, apps and your own content.

What an app can do

A scanning app reads your pages and checks them against rules. Done well, that gives you:

  • A list of problems a machine can detect: missing alt attributes, form fields with no label, buttons and links with no name, missing page language, zoom disabled in the viewport tag, broken ARIA references.
  • An order to fix them in, with the file or template where each one lives.
  • Drafts for repetitive work such as alt text, which you then review.
  • A second scan after each change, so a theme update or a new app that breaks something shows up.

AccessifyAI does these things within a stated scope. The scanner tests 15 of the 55 WCAG 2.2 Level A and AA success criteria, several of them only in part. How we test lists every rule, the criterion behind it and its limits. The app reads your theme and cannot change it, so you or your developer apply every theme fix. It writes product alt text only after you have reviewed and applied the draft.

What an app cannot do

No rule set can judge meaning, flow or experience. These are some of the things a scanner, ours included, does not settle:

  • Whether an alt text describes the right thing.
  • Whether a shopper can get from the home page to a paid order with a keyboard alone.
  • Whether focus goes where it should when a menu, a filter or a cart drawer opens.
  • Whether a screen reader user hears the price change when they pick another size.
  • Whether error messages in forms say what went wrong and how to fix it.
  • Whether captions and transcripts exist and are accurate.

The size of that gap has been measured. In 2017 the UK Government Digital Service built a page with 143 accessibility barriers and ran 10 automated tools against it. 42 of the barriers, 29%, were missed by every tool, and the best single tool found 37% of them from its errors and warnings (41% counting prompts for manual checks). The study is from 2017, so read the numbers as a picture of the gap rather than a benchmark for today's tools. The W3C page on selecting evaluation tools says the same: tools can assist, and they cannot determine accessibility on their own.

Two lines of markup show the gap. This one passes every automated rule we have, because the image has an alt attribute that is not a filename:

{{ image | image_url: width: 800 | image_tag: alt: 'Blue linen shirt' }}

If the photo shows red trainers, a blind shopper hears the wrong product. Only a person looking at the image can catch it.

This one fails an automated rule, and the fix belongs in the theme:

<!-- Broken: a div cannot be reached with Tab and has no role -->
<div class="product-form__submit" onclick="addToCart()">Add to cart</div>

<!-- Fixed: a real button, reachable and announced as a button -->
<button type="submit" name="add" class="product-form__submit">Add to cart</button>

Our scanner reports the first version as "Clickable element not marked as clickable" (WCAG 4.1.2). An overlay script may add a role to that <div> in the browser after the page loads. The theme still sends the broken markup, and the next theme update or a slow script brings the problem back.

Overlays and the FTC order

An overlay is a script that loads a widget on your storefront and changes the page in the visitor's browser. It does not change the HTML your theme sends. In January 2025 the Federal Trade Commission announced that accessiBe would pay 1 million USD to settle allegations that it misrepresented its AI tool's ability to make any website WCAG compliant, and the Commission approved the final order in April 2025. It was a settlement, not a court ruling, and it does not make overlays illegal. What it shows is that a compliance promise from a vendor is a marketing claim, and a regulator has already acted on one. Our article on what the FTC's accessiBe order says and does not say goes through the documents.

AccessifyAI also offers a shopper widget with contrast, text size and reading aids. It is an extra for visitors who want those settings. It does not change your theme code, and it does not make a store compliant with anything.

A 90-second test any merchant can run

  1. Put the mouse away. Press Tab from the top of your home page. Can you see where focus is at every step?
  2. Reach a product, choose a size and add it to the cart with the keyboard alone. Can you reach the checkout button?
  3. Zoom the browser to 200%. Can you still read the product page without text being cut off?
  4. On your phone, turn on VoiceOver (iPhone) or TalkBack (Android) and swipe through a product page. Do the images and buttons make sense when read aloud?

If any step fails, an app listing that says "compliant" does not change what that shopper went through.

A plan that holds up

  1. Run an automated scan to catch what machines catch. Fix those in the theme, not with a script on top.
  2. Test the paths that make money by hand: home, collection, product, cart, checkout, account and contact form. Keyboard, zoom and a screen reader.
  3. Review your content: alt texts, link texts, headings, text in images, video captions.
  4. For a larger store, get an expert review against WCAG. The W3C's WCAG-EM methodology describes how such an evaluation samples pages and reports results, and its page on involving users explains what people with disabilities find that experts miss.
  5. Publish an accessibility statement with a working contact, so a shopper who hits a barrier can tell you.
  6. Scan and test again after each theme update, new app or redesign.

Our guide to comparing Shopify accessibility apps lists the questions to ask a vendor before you install anything.

What AccessifyAI detects

The scanner reads the HTML each page sends, checks it against rules mapped to 15 WCAG 2.2 A and AA criteria plus two AAA suggestions, and reports each finding with its criterion, a severity and the element involved. It does not run JavaScript, so anything that only appears after a script runs, and anything that depends on interaction, is outside it. The score from 0 to 100 summarises what the scan found on the pages it reached. It is not a statement of WCAG conformance or of ADA compliance. The details, including the limits of each rule, are on How we test.

What no automated tool can judge

Everything in the 90-second test above: focus you can see, a purchase path you can finish, text that survives zoom, a page that makes sense read aloud. Add the meaning of alt texts and link texts, the clarity of error messages, and whether captions match the video. A person has to check these, and best of all a person who uses assistive technology every day.

Start with a scan, then test by hand

Run the free scan of your homepage to see the rule-based findings for one page. The app scans more pages and, for findings that need a theme edit, suggests which theme file to open: AccessifyAI on the Shopify App Store. It helps you find and fix issues. It is not a legal guarantee, and the manual steps above stay on your list.

Frequently asked questions

Is Shopify ADA compliant?

Shopify runs the platform and the hosted checkout. Your store also consists of a theme, apps and content that you choose, and those decide most of what a shopper with a disability experiences. Nobody can call a whole store compliant on the strength of the platform alone.

Are Shopify themes ADA compliant?

Themes in the Shopify Theme Store must meet accessibility requirements, including an average Lighthouse accessibility score of at least 90 on the home, collection and product pages. That is an automated floor measured on demo content. Your sections, apps, images and text change the result, so test the theme as your store uses it.

Can an app make my Shopify store ADA compliant?

No. An app can find part of the barriers, help you fix them and watch for new ones. The Department of Justice's guidance warns that a clean automated report does not mean everything is accessible, and the FTC settled with an overlay vendor over claims that its tool made websites compliant.

Does a 100 accessibility score mean my store is compliant?

No. A score summarises the automated findings on the pages that were scanned. Our scanner tests 15 of the 55 WCAG 2.2 A and AA criteria, several only in part, so a store can score 100 and still have barriers that only a person finds.

Do I need a lawyer?

If you have received a demand letter or a complaint, yes, talk to a lawyer. For the work itself, what reduces barriers is fixing the theme, reviewing content and testing by hand, which is the same work whether or not anyone has written to you.

Sources

Share:

Get accessibility tips by email

One short email per month with new guides and Shopify accessibility updates. No spam, unsubscribe anytime.

Shopify ADA Compliance: What an App Can and Cannot Do | AccessifyAI