ADA Compliance for
E-Commerce
Online retail sites account for more than 70% of all ADA web accessibility lawsuits. Inaccessible checkout flows, product images without alt text, and broken cart forms create direct legal exposure for every store that sells online.
Every blocked purchase is a lawsuit waiting to happen.
The legal argument in e-commerce ADA suits is simple: if a blind or motor-impaired user cannot complete a purchase on your site, you've denied them equal access to a service available to everyone else. Courts agree.
Plaintiff firms target online stores because the economic harm — inability to shop — is concrete and easy to argue. They use automated scanners to find sites with checkout violations and file in batches. A single filing can apply to multiple product pages simultaneously.
Checkout is the highest-risk component
Cart forms, address fields, payment inputs, and "Place Order" buttons must all meet WCAG 1.3.1 and 4.1.2. Any unlabeled field is lawsuit exposure.
Product images drive most critical violations
Stores with hundreds of product images — each missing alt text — have hundreds of WCAG 1.1.1 violations. Automated scanners find and report every single one.
Repeat filings are common in retail
Once a store is sued, it stays a target. Repeat lawsuits against the same e-commerce site — citing new violations after updates — are three times more common in retail than other sectors.
Platform plugins don't make you compliant
AccessiBe, UserWay, and similar overlay tools are explicitly rejected by courts as an ADA compliance defense. You need actual accessible code.
The WCAG violations that get online stores sued
These are the accessibility failures attorneys specifically look for on e-commerce sites. ADAflags detects all of them and ranks them by lawsuit probability.
Product images without alt text
Every product photo without a descriptive alt attribute is a WCAG 1.1.1 violation. For blind users, your entire product catalog is invisible. This is cited in over 85% of e-commerce ADA lawsuits and is the single highest-volume violation in the retail category.
Inaccessible checkout form fields
Shipping address, billing, credit card, and order confirmation fields without <label> elements make it impossible for screen reader users to complete a purchase. "First Name" placeholder text is not a label. This is the #1 checkout violation.
"Add to Cart" and icon-only buttons with no name
Buttons with icons but no accessible name — heart icons for wishlists, cart icons, quantity steppers — are WCAG 4.1.2 violations. A screen reader user hears "button" with no context about what it does.
WCAG 4.1.2 — Name, Role, ValueInsufficient color contrast on product pricing
Sale prices, discount badges, and "Out of Stock" labels in low-contrast colors fail WCAG 1.4.3. Users with low vision cannot read key purchase-decision information. Courts have cited this in cases involving financial transactions.
WCAG 1.4.3 — Contrast MinimumCarousel and slider inaccessibility
Auto-playing product carousels that cannot be paused (WCAG 2.2.2) and that have no keyboard navigation violate multiple success criteria. Featured product sliders are on almost every store homepage.
WCAG 2.2.2 — Pause, Stop, HideDropdown filter menus not keyboard-accessible
Category filters, size selectors, and sort-by dropdowns that only work with a mouse exclude keyboard and switch-device users. WCAG 2.1.1 requires all functionality to be operable via keyboard.
WCAG 2.1.1 — KeyboardError messages not programmatically associated
Checkout validation errors that appear visually but aren't announced to screen readers leave users unaware that their submission failed. ARIA error messages are required for accessible form validation.
WCAG 3.3.1 — Error IdentificationPlatform-specific steps for common e-commerce stacks
The fixes are different depending on your platform. Here's where to start on the most common ones.
Shopify
Add alt text via Products → Media. Fix theme templates in sections/*.liquid. Use Dawn theme (most accessible) as baseline. Avoid accessibility overlays — they don't work in court.
WooCommerce
Ensure your theme passes WCAG. Add alt text in the WordPress media library. Fix form labels in woocommerce/templates/. Storefront theme is a more accessible starting point.
Custom / Headless
Run ADAflags on every page type: PDP, PLP, Cart, Checkout, Order Confirmation. Each needs separate testing. Automate in CI with axe-core before deployment.
ADA compliance by industry
ADA web lawsuits target every sector. See the specific risks for your industry.
70% of ADA lawsuits target e-commerce. Is your store in that 70%?
Scan your store now. Free, instant results. One scan could prevent a $50,000 lawsuit.