Shopify ADA Compliance: What Store Owners Need to Know

Short answer: no app, theme or setting makes a Shopify store meet the ADA in one step. Shopify takes care of a lot, but your theme customizations, content and apps can still stop customers with disabilities from shopping. This guide explains what Shopify handles, what you're responsible for, and a practical plan to find and fix the problems.

What the ADA means for an online store

The Americans with Disabilities Act (ADA) doesn't spell out a technical standard for business websites. In practice, demand letters, lawsuits and settlements usually point to the Web Content Accessibility Guidelines (WCAG) 2.1 Level AA. WCAG 2.2 is the latest version and includes everything in 2.1, so it's a good target for new work.

Online stores are a frequent target of website accessibility claims, because shopping is something everyone should be able to do on their own: browse, choose a size, add to cart and check out.

What Shopify handles, and what you handle

Shopify maintains the platform and its hosted checkout. Themes sold in the Shopify Theme Store also have to meet accessibility requirements, including full keyboard access, a visible focus state, alt attributes on images, labeled form fields, a 4.5:1 contrast ratio for body text, and an average Lighthouse accessibility score of at least 90.

Everything you add or change is on you. That includes:

• Your product images, alt text, videos and size charts.
• Brand colors and fonts you set in the theme editor.
• Custom sections, code edits and themes from outside the Theme Store.
• Apps that add popups, reviews, chat, upsells or loyalty widgets to your storefront.

An automated score of 90 is a good start, but it doesn't mean a store is easy to use with a keyboard or a screen reader. Many problems only show up when a person tests the store.

Common accessibility problems on Shopify stores

• Missing or unhelpful alt text. Product photos with no description, or file names like "IMG_2041". In Shopify admin, open the product, select the image and add alt text that describes what it shows.
• Low-contrast brand colors. Light gray prices, pale buttons or text over images. Check your colors in the theme editor against a 4.5:1 contrast ratio.
• Size and color swatches you can't use with a keyboard. Custom swatches built from plain boxes often can't be reached with the Tab key, so keyboard users can't choose a variant.
• Popups that trap people. Newsletter and discount popups that can't be closed with the Escape key, or that don't move focus into the popup.
• Carousels and sliders that move on their own with no way to pause them.
• App widgets that add unlabeled buttons, such as icon-only chat, review or wishlist buttons a screen reader announces as just "button".
• Videos without captions and size charts shown only as images.
• Vague links, such as many "Shop now" links that all sound the same to a screen-reader user.

A practical plan for your store

1. Scan your key pages. Check the homepage, a collection page, a product page and the cart. Run a free scan to see the automated issues in under a minute.
2. Test the buying path with a keyboard. Using only Tab, Shift+Tab, Enter and Space, find a product, choose a variant, add it to the cart and reach checkout. Note anywhere you get stuck or can't see where you are.
3. Fix your theme and content. Start with anything that blocks a purchase, then alt text, contrast and labels. Fix the template once, so every product page benefits.
4. Review your apps. Test each storefront app's widget with a keyboard. Ask the developer about accessibility, or replace apps that block customers.
5. Publish an accessibility statement. Say what standard you aim for, list known issues honestly, and give people a way to reach you. Use our free accessibility statement generator.
6. Re-check after changes. Theme updates and new apps can add new problems. Re-scan after each change, or use weekly monitoring.

What about accessibility widgets and overlays?

Overlay apps add a toolbar with options like bigger text or higher contrast, but they don't fix the code underneath, and stores that use them still receive demand letters. In January 2025, the FTC ordered one overlay company, accessiBe, to pay $1 million over misleading claims about what its product could do. Fixing the store itself is the reliable path.

If you've received a demand letter

Don't ignore it, and talk to an attorney before you respond. Then find out what's actually wrong with your store. Our Emergency Accessibility Audit gives you a written fix list for up to 10 pages in 3 business days, and our accessibility audit service adds manual keyboard and screen-reader testing.

How WCAGGuard can help

• WCAGGuard for Shopify checks your store's pages from inside your Shopify admin and re-checks them every week. It's in review for the Shopify App Store; until it's listed, you can scan any store page free on wcagguard.com.
• The free accessibility statement generator writes an honest statement for your store.
• Our accessibility audit service tests your store with automated scanning plus manual keyboard and screen-reader testing, and gives your developer a prioritized fix list.