Inclusely

Shopify guide

Shopify ADA compliance: what you control and how to fix it

Shopify ADA compliance in plain words: what Shopify looks after, what is yours, the problems we see most often, and a fix list you can start today.

Last reviewed: October 16, 2026

Shopify makes its checkout and admin accessible to a published standard, but your storefront is your responsibility. Shopify's checkout report is tested against WCAG 2.2 AA and still lists some criteria as partially supported (March 2026). Your theme, apps, product images and content decide whether shoppers with disabilities can buy from you.

What Shopify handles and what you handle

WCAG (the Web Content Accessibility Guidelines) is the standard courts and laws use to judge whether a website works for people with disabilities. Shopify publishes accessibility conformance reports (documents that say how a product measures up to WCAG) for its admin, its checkout, the mobile admin and the Dawn theme. See the short version in Is Shopify ADA compliant?

No app and no merchant can change checkout code. So checkout is Shopify's part. Everything a shopper sees before checkout is yours: the theme, the apps you install, and every image, video and page you add.

Who controls each part of a Shopify store
Part of the storeWho controls itWhat to do
Checkout and Shop PayShopifyCheck your brand colours and logo there. Link Shopify's checkout report in your statement.
Theme codeYouFix labels, focus, headings, menus and pop-ups, or have a developer do it.
Theme settingsYouPick colour schemes with enough contrast.
Product images and videoYouWrite alt text for every image. Caption videos.
Apps and widgetsYou choose themTest review, chat, upsell and pop-up apps. Ask vendors for fixes.
Pages, blogs, PDFs, size chartsYouUse real headings and text, not pictures of text.

Can I be sued for my website not being ADA compliant?

Yes, and Shopify stores make up a large share of the suits. The Americans with Disabilities Act (ADA) is a US civil rights law. Courts apply it to online stores even though it was written before the web.

ADA website lawsuits in 2025
3,948
EcomBack, 2025 annual report
of suits in the first half of 2026 named a Shopify store
46.6%
EcomBack, 2026 mid-year report
of 2025 suits hit sites that already had a widget
24.9%
EcomBack, 2025 annual report

Most claims describe a blind shopper who tried to buy something with a screen reader and could not. Our ADA guide covers the law, demand letters and state rules in more detail.

The failures we see most on Shopify stores

WebAIM, a web accessibility organization, scans the home pages of the top one million websites every February. In 2026 it found 95.9% of home pages had detectable WCAG failures. Shopify home pages averaged 75.1 errors, against 56.1 for all sites (WebAIM Million, February 2026). Part of that gap may come from a larger and newer Shopify sample, so read it as a warning, not a ranking.

Most common failures on home pages and where they come from on Shopify
FailureShare of home pages (2026)Where it comes from on Shopify
Low-contrast text83.9%Light grey text, sale badges, announcement bars, text over hero images
Images with no alt text53.1%Product media, banner and collage sections, images pasted into descriptions
Form fields with no label51.0%Newsletter and search boxes with placeholder text only, quantity fields
Empty links46.3%Product card images, social icons in the footer
Empty buttons30.6%Cart, search, menu and close icons, carousel arrows
No page language13.5%Old themes, and translated stores where the language does not switch

WebAIM says these six types make up about 96% of the errors it detects. Other problems that a scan does not count well, but that block shoppers on Shopify stores:

  • focus outlines removed, so keyboard users cannot see where they are
  • menus that only open on mouse hover
  • quick view and cart drawers that do not move or trap keyboard focus
  • colour swatches with no text name, or sold-out variants shown only by fading
  • slideshows that keep moving with no pause button
  • price and stock changes that a screen reader never announces
  • sticky headers, cookie banners and chat bubbles that cover the focused item

Free Shopify themes have known issues too. In September 2026 a bug report on Dawn, Shopify's reference theme, showed its quantity field had no name for screen readers (GitHub issue #3981), and several others flagged buttons and filters below the 24 by 24 pixel target size.

Apps that add barriers

Apps put their own code on your storefront, and you cannot always change it. Test these first, because they sit on top of every page:

  • email and SMS pop-ups: the close button has no name, and keyboard focus stays behind the pop-up
  • age checks: if this gate fails, nobody using a keyboard or screen reader can enter the store
  • review widgets: star ratings with no text, review photos with no alt text
  • chat bubbles: they cover links on mobile, and the launcher has no name
  • cookie banners: hard to reach by keyboard, low contrast on the “Reject” button
  • upsell carousels in the cart drawer: unlabelled checkboxes, prices that change silently

If an app causes a problem, check its settings first, then send the vendor a short report with the page, the problem and the WCAG criterion. Remove apps you no longer use.

How do I make my Shopify ADA compliant?

Fix the problems shoppers hit most, starting with the path to checkout, and write down what you did. Work on a duplicate theme (Online Store > Themes > Duplicate) so your live store is never broken while you test.

  1. Write alt text for your product images

    Alt text is a short description of an image for people who cannot see it. In your Shopify admin, open a product, click an image and fill in its alt text. Describe what a shopper needs to know: colour, material, what is shown. Images you add in the theme editor get their alt text in Content > Files.
  2. Fix colour contrast in your theme settings

    Go to Online Store > Themes > Customize > Theme settings > Colors. Text needs a contrast ratio of at least 4.5:1 against its background, and buttons and borders need 3:1. Check sale badges, the announcement bar and text over images first. Our free contrast checker gives you the ratio.
  3. Test the path to checkout with only a keyboard

    Put your mouse away. Press Tab to move from the home page to a product, pick a variant, add it to the cart and reach the checkout button. You should always see where you are, and every menu, pop-up and drawer should open and close with the keyboard.
  4. Check your forms and buttons have names

    Every field needs a visible label, not only grey placeholder text. Newsletter, search, quantity and contact fields are the usual gaps. Icon buttons (cart, search, close, carousel arrows) need a name a screen reader can read out.
  5. Review your app embeds and pop-ups

    Go to Online Store > Themes > Customize > App embeds. Turn each app off on a duplicate theme and see what changes. Pop-ups, chat bubbles, review widgets and cookie banners often add barriers you did not create.
  6. Caption your videos and fix your page content

    Product and section videos need captions. Size charts should be real tables, not pictures of tables. Headings in descriptions should be real headings, not bold text.
  7. Publish an accessibility statement and keep a dated record

    Say which standard you work toward (for example WCAG 2.2 AA), what you have fixed, what is still open and how a customer can reach you. Save each scan and fix with its date. Our free statement generator writes a first draft.

How can I tell if a website is ADA compliant?

No scan can tell you that. A scan finds some problems; a person has to test the rest. Deque, which makes the axe testing engine, found automated tests caught about 57% of issues by volume in its own audits (Deque, March 2021). Use three checks together:

  1. an automated scan of your home page, a collection, a product page and the cart
  2. a keyboard test of the full purchase, from home page to the checkout button
  3. a screen reader test with VoiceOver (built into Mac and iPhone) or NVDA (free for Windows)

Run them again after every theme update, new app or big content change.

How much does it cost to make my website ADA compliant?

It depends on your theme, your apps and how many products you have. Alt text and colour changes cost mostly your time. Theme code fixes may need a developer. A manual audit by an accessibility specialist costs more, but finds what tools miss.

For a sense of app prices: on October 16, 2026, the two code-fix apps with the most reviews on the Shopify App Store listed plans from $200 and $599 a month, while most overlay widgets cost $3 to $20. Our guide to Shopify accessibility apps explains the difference. Inclusely's planned launch pricing is on the pricing page.

What businesses are exempt from ADA compliance?

Very few. Title III of the ADA, the part that covers businesses open to the public, has no size cut-off, so a one-person store is covered the same as a large one. The law exempts private clubs and religious organizations (42 U.S.C. § 12187).

For stores with no physical shop, federal courts disagree. Some courts require a link to a physical location; others do not. Because plaintiffs can often sue where you sell, online-only stores are sued too.

How Inclusely helps

Inclusely is a Shopify app we are building, now taking early access stores. It checks every template of your store against WCAG 2.2 AA and tells you whether each problem is in your theme, your content, an app or Shopify's checkout. Then it fixes what it safely can:

  • suggested alt text for product images, which you approve before anything changes
  • colour suggestions for your theme settings that pass contrast
  • exact theme code changes for the rest, or our developers at EVDEV can make them for you

It walks you through the checks a person has to do, and keeps a dated record of every scan and fix. It does not add a widget to your store. It cannot make your store compliant, and no tool can. Read how it works.

Why a dated record matters

In 2026 a New York federal judge dismissed a website suit as moot after the store showed a declaration, a third-party audit and a plan for ongoing testing (Jones v. Moscot). Records do not stop a claim, but they show the work you did.

Questions store owners ask

Is Shopify ADA compliant?

Shopify publishes accessibility reports for its own products. Its checkout report (March 2026) was tested against WCAG 2.2 A and AA and lists 13 criteria as partially supported. That covers checkout only. Your theme, apps, images and content are yours, and that is where most barriers are.

Can I be sued for my website not being ADA compliant?

Yes. EcomBack counted 3,948 ADA website lawsuits in 2025, and 46.6% of suits in the first half of 2026 named a Shopify store.

Do websites legally have to be ADA compliant?

The ADA does not mention websites, and the Justice Department has no technical web rule for private businesses. In practice, courts treat most store websites as covered, and settlements use WCAG 2.1 AA as the standard.

Is there an ADA compliant Shopify theme?

No theme makes a store compliant on its own. Themes in the Shopify Theme Store must pass accessibility checks when they are submitted, but your colours, images, apps and edits change the result. Even Shopify's own Dawn report lists criteria as partially supported.

Will an accessibility widget make my Shopify store ADA compliant?

No. A widget adds a toolbar on top of the store and leaves the code underneath as it was. EcomBack found that 24.9% of 2025 ADA website suits were against sites that already had a widget installed.

How long does it take to fix a Shopify store?

Alt text and colour fixes can be done in a few days for a small catalogue. Theme code problems, such as menus and pop-ups that do not work by keyboard, can take longer and may need a developer. Then keep checking after every theme update or new app.

This page explains the law in general terms. It is not legal advice. For advice about your business, speak with a lawyer.

See what a scan finds on your store.

Early access stores get a free scan of their whole store and a call with our team to go through it.

Get early access