ADA Compliance for E-Commerce: A Complete Guide for Online Store Owners
Running an online store means you've already tackled a lot: product photography, checkout flows, payment gateways, shipping integrations. ADA compliance probably wasn't at the top of your launch checklist.
But here's the reality: e-commerce websites are among the most frequently sued categories in ADA Title III litigation. Why? Because online retail is precisely the kind of "place of public accommodation" courts have held must be accessible — and because e-commerce sites tend to be visually complex, dynamic, and full of the exact elements that screen reader users struggle with most.
This guide covers what ADA compliance means specifically for online stores, the most common e-commerce violations, and how to get compliant without rebuilding your entire site from scratch.
Does the ADA Actually Apply to E-Commerce Websites?
Yes — definitively. Here's the legal landscape as of 2026:
Title III of the ADA prohibits discrimination against people with disabilities in "places of public accommodation." Courts have consistently held that commercial websites qualify.
The Domino's precedent (2019): The Ninth Circuit ruled in Robles v. Domino's Pizza that Domino's website and app must comply with WCAG 2.1 guidelines. The Supreme Court declined to hear the case, leaving the Ninth Circuit ruling in place. This decision covers 9 western states and has been highly influential nationally.
DOJ Final Rule (2024): The Department of Justice issued a final rule under Title II explicitly adopting WCAG 2.1 Level AA as the accessibility standard for state and local government websites. For private businesses under Title III, this standard is widely used as the compliance benchmark.
2025–2026 lawsuit trends: E-commerce remains one of the top three most-sued website categories, alongside restaurant/food service and entertainment/ticketing. With 5,114 federal accessibility lawsuits filed in 2025 — a 37% year-over-year increase — online stores cannot afford to treat this as optional.
Why E-Commerce Sites Are High-Risk
E-commerce websites have structural characteristics that make accessibility failures almost inevitable without deliberate effort:
Dynamic content: Product pages update with AJAX, filters change results without page reloads, cart quantities update in real time. Screen readers struggle with content that changes without explicit announcements.
Complex visual design: Grid layouts, product carousels, zoom-on-hover functionality, color swatches — all of these require careful accessibility implementation.
Multi-step checkout flows: Payment processes are inherently sequential and error-prone. Any accessibility failure in checkout directly prevents a purchase — and that's the heart of an ADA lawsuit claim.
Third-party widgets: Reviews platforms, live chat, pop-up promotional overlays, cookie consent banners — these are usually third-party code that you don't control, and they frequently introduce accessibility barriers.
Images without alt text: E-commerce sites are image-heavy by nature. Product photos without descriptive alt text are one of the most-cited violations in retail ADA lawsuits.
WCAG 2.1 AA for E-Commerce: What Actually Matters
WCAG 2.1 Level AA is the accepted standard. Here's what it means for your specific store pages:
Product Pages
| Requirement | What It Means for Your Store |
|---|---|
| Alt text on all product images | Every product photo needs a descriptive alt attribute: not "img_product_001.jpg" but "Red leather tote bag, front view" |
| Color/variant selectors | Color swatches cannot rely on color alone — must include text labels or aria-labels |
| Price formatting | Dynamic pricing updates must be announced to screen readers via ARIA live regions |
| Zoom functionality | Must be keyboard-operable; hover-only zoom fails WCAG |
| Customer reviews | Star ratings must have text equivalents; "4 out of 5 stars" not just a star graphic |
Search and Filtering
| Requirement | What It Means for Your Store |
|---|---|
| Search input | Must have a visible, associated label (not just placeholder text) |
| Filter checkboxes | Each checkbox needs a proper HTML label element |
| Results updates | When filters are applied and products reload, changes must be announced to screen readers |
| No results state | "No results found" must be in the accessibility tree, not just visually rendered |
Shopping Cart
| Requirement | What It Means for Your Store |
|---|---|
| Add to cart button | Must be keyboard accessible; focus must move appropriately after action |
| Quantity updates | Changes must be announced; "Quantity updated to 3" not just a visual counter change |
| Remove item | Remove buttons must have descriptive labels: "Remove Blue Hoodie, Size M" not just an X icon |
| Mini cart overlay | Modal/drawer must trap focus when open; Escape key must close it |
Checkout Flow
Checkout is the highest-stakes section. ADA lawsuits frequently cite inability to complete a purchase as the core harm.
| Requirement | What It Means for Your Store |
|---|---|
| Form labels | Every field — name, address, email, card number — must have a visible, associated label |
| Error messages | Errors must identify which field has the problem and describe what's wrong: "Credit card number must be 16 digits" not just "Invalid input" |
| Required field indicators | Asterisks (*) must be explained with text, not just visually |
| Payment form | Third-party payment iframes (Stripe, PayPal) must be keyboard accessible — test this |
| Order confirmation | Must be accessible, not just a visual "thank you" graphic |
Platform-Specific Considerations
Shopify
Shopify's default themes (Dawn, Debut, others) have improved accessibility significantly in recent years. However:
- Apps are your biggest risk. Every Shopify app you install injects code into your storefront. Review popups, countdown timers, loyalty widgets — these frequently introduce WCAG violations. You are legally responsible for your entire storefront, regardless of which third-party code caused the issue.
- Liquid templates override theme defaults. If you've customized your theme with custom Liquid, those customizations may have removed accessibility features.
- Shopify's accessibility statement: Shopify provides some documentation on accessible theme development, but does not guarantee that themes or apps are ADA compliant.
WooCommerce / WordPress
WordPress accessibility varies enormously by theme and plugin combination.
- Use themes from the WordPress Accessibility-Ready directory as a starting point
- WooCommerce itself has decent baseline accessibility, but many popular plugins (Elementor-built product pages, slider plugins, popup plugins) introduce violations
- Divi, Elementor, and other page builders often generate poor ARIA markup — audit pages built with these tools carefully
BigCommerce
BigCommerce's Cornerstone theme is relatively accessible out of the box. The same third-party app warning applies as with Shopify.
Custom-Built Stores
If your store is custom-built on React, Vue, or another JS framework, accessibility is entirely dependent on your development team's practices. Custom builds tend to have the highest violation rates because accessibility is often not tested during development.
The Most Common E-Commerce ADA Violations
Based on accessibility audits across retail sites, these are the violations found most frequently:
1. Product images missing alt text — Found in ~71% of e-commerce sites. Often because bulk-uploaded product photos never had alt text added to the CMS.
2. Form fields without labels (checkout) — Found in ~58% of e-commerce sites. Common in customized checkout flows.
3. Inaccessible color/size selectors — Found in ~52%. Variant selectors are often custom-coded without ARIA roles.
4. Keyboard trap in modal dialogs — Found in ~44%. Quick-view modals, size guides, and promo popups frequently trap keyboard users.
5. Low contrast text — Found in ~49%. Sale badges, secondary product info, and fine print often fail 4.5:1 contrast ratio.
6. Missing focus indicators — Found in ~61%. CSS that removes the browser's default focus outline without replacing it.
7. Inaccessible third-party chat widgets — Found in ~38%. Live chat and chatbot widgets from Intercom, Drift, Zendesk, etc. vary widely in accessibility quality.
How to Audit Your E-Commerce Store
Automated Testing (Start Here)
Run a free automated scan of your key pages at CheckMyADA:
- Home page
- A category/collection page
- A product detail page
- Your cart page
- Your checkout page (at minimum, the first step)
Automated tools catch about 30–40% of WCAG violations — primarily color contrast, missing alt text, missing form labels, and missing document structure. This is enough to identify your highest-priority fixes.
Manual Testing (Required for Checkout)
Checkout flows require manual testing because they involve dynamic state changes, error conditions, and multi-step flows that automated scanners can't fully evaluate.
Keyboard-only test: Unplug your mouse. Navigate your entire checkout using only Tab, Shift+Tab, Enter, Space, and arrow keys. Can you complete a purchase? If not, that's a lawsuit-level violation.
Screen reader test: Use NVDA (free, Windows) or VoiceOver (built-in, Mac/iOS) to navigate your product and checkout pages. This reveals issues that automated tools never catch — like confusing focus order, missing live region announcements, or unlabeled interactive elements.
What Does Remediation Actually Cost?
Small e-commerce businesses often fear that accessibility remediation requires a complete rebuild. In most cases, it doesn't.
| Scope | Typical Cost | What's Included |
|---|---|---|
| Automated audit + report | $0–$500 | Identifies ~30-40% of issues |
| Fix top 10 critical violations | $500–$2,000 | Alt text, form labels, contrast fixes |
| Full WCAG 2.1 AA audit + remediation | $3,000–$15,000 | Developer time for structural fixes |
| Ongoing monitoring | $50–$300/month | Catches regressions after updates |
Compare this to the cost of an ADA lawsuit:
- Settlement: $5,000–$25,000 + your attorney fees ($5,000–$15,000) = $10,000–$40,000
- Contested case: $15,000–$75,000 in total legal costs
Proactive remediation is almost always the cheaper path — by a factor of 5–10x.
Frequently Asked Questions
Q: Does my Shopify store need to be ADA compliant?
A: Yes. Shopify provides the platform, but you — the store owner — are legally responsible for your website's accessibility under ADA Title III. Shopify's terms of service do not indemnify you against ADA lawsuits.
Q: Is WCAG 2.1 or WCAG 2.2 the current standard for e-commerce?
A: The DOJ's 2024 rule adopted WCAG 2.1 Level AA. WCAG 2.2 (released October 2023) adds 9 new criteria and is increasingly referenced by courts, but WCAG 2.1 AA remains the explicit compliance benchmark for Title III purposes as of 2026. Building to 2.2 AA is forward-looking best practice.
Q: Can a customer who never bought from my store sue me?
A: Yes. Under Title III, a plaintiff needs to show they were deterred from making a purchase due to accessibility barriers — they don't need to have actually completed a transaction. Courts have accepted claims from users who encountered barriers during browsing.
Q: Do product images generated by AI need alt text?
A: Yes. The content generation method is irrelevant. If an image is on your page, it needs appropriate alt text. AI-generated product images should have descriptive alt text written by your team.
Q: My checkout is powered by Stripe/PayPal — is that my responsibility?
A: Partially. The hosted payment page itself (e.g., Stripe Checkout redirect) is Stripe's responsibility. But the buttons, forms, and error messages on your pages that lead to that payment step are your responsibility.
Getting Started: Your E-Commerce Accessibility Checklist
This week (quick wins):
- Add alt text to your top 50 product images
- Run an automated audit on your product page and checkout — free at CheckMyADA
- Check that all checkout form fields have visible labels
- Test keyboard navigation through checkout
This month:
- Audit all third-party apps/widgets for accessibility
- Fix color contrast on buttons, badges, and secondary text
- Implement visible focus indicators site-wide
- Test checkout with a screen reader
Ongoing:
- Add accessibility audit to your pre-launch checklist for new pages
- Review accessibility after major theme updates
- Monitor for regressions monthly
The Bottom Line
E-commerce accessibility isn't just a legal box to check — it's also good business. The disability community represents approximately 26% of American adults and commands significant purchasing power. An inaccessible store isn't just a lawsuit risk; it's a customer you're turning away.
The barriers to getting started are lower than most store owners think. A free automated scan takes less than 2 minutes and gives you a concrete list of issues to fix. From there, even addressing the top 5 violations meaningfully reduces your lawsuit risk.
Run your free accessibility scan at CheckMyADA — see exactly where your store stands today, no credit card required.
This article is for informational purposes only and does not constitute legal advice.
More resources: ADA Compliance for Small Business | 10 Most Common Accessibility Violations | What Happens When You Get an ADA Demand Letter | Pricing | How CheckMyADA Works