Shopify powers over 5.6 million live stores worldwide and holds roughly 30 percent of the US e-commerce software market. That scale means accessibility failures on the platform affect hundreds of millions of shoppers. According to WebAIM's 2025 analysis, 94.8 percent of websites have WCAG failures, with an average of 51 accessibility errors per page. Shopify stores are no exception: studies show 89 percent have missing alt text on product images and 54 percent have color contrast failures. The legal stakes have risen sharply. E-commerce sites accounted for 77 percent of all ADA web accessibility lawsuits in 2024, with over 4,600 cases filed. The European Accessibility Act became enforceable in June 2025, applying to any merchant selling to EU customers regardless of where the business is based. This guide walks you through the specific accessibility issues that affect Shopify stores, how to fix them without rebuilding your site, and how to set up ongoing monitoring so new problems do not slip through.
What Shopify Provides Out of the Box
Shopify has made genuine investments in accessibility at the platform level. Their free OS 2.0 themes, including Dawn, Craft, and Sense, are built with semantic HTML structure, skip navigation links, ARIA attributes on core interactive elements, and keyboard-navigable components. The managed checkout has undergone a full WCAG 2.1 AA audit and remediation.
All themes submitted to the Shopify Theme Store must achieve a minimum Lighthouse accessibility score of 90 across desktop and mobile, and Shopify's review team manually tests the critical path from homepage to checkout with assistive technology.
However, there is a crucial caveat that every merchant needs to understand: Shopify provides a foundation, not a guarantee. The moment you customize a theme, install third-party apps, or publish product content, the accessibility of your store becomes your responsibility. A perfectly accessible theme can be rendered inaccessible by a single poorly coded app or a batch of product images uploaded without alt text.
Themes installed from outside the official Theme Store have zero accessibility requirements. And even Theme Store themes typically have 30 to 100 WCAG violations, while premium themes can have 100 to 350. The platform gives you a head start, but compliance requires deliberate ongoing effort.
The Most Common Accessibility Issues in Shopify Stores
Knowing which issues are most prevalent helps you prioritize fixes. Here are the problems that show up across the majority of Shopify stores.
Missing and Poor Alt Text
Alt text failures are the single most common accessibility issue in e-commerce, and 89 percent of Shopify stores have them. Every product image needs a descriptive alt attribute that conveys the same information as the image. Blue cotton crew neck t-shirt, size medium is useful. IMG_3847.jpg is not. Decorative images that add no information should have empty alt attributes so screen readers skip them.
Shopify provides alt text fields in the product media settings of the admin panel. The problem is that most merchants never fill them in, or they use generic descriptions that do not help a blind shopper make a purchasing decision. For stores with hundreds or thousands of products, manually writing alt text is tedious but necessary. You can use Liquid code to create automated fallback alt text that combines the product title with key attributes, but hand-written descriptions will always be more useful.
Color Contrast Failures
54 percent of Shopify stores fail color contrast requirements. WCAG 2.2 AA requires a contrast ratio of at least 4.5 to 1 for normal text and 3 to 1 for large text and UI components. Common failures include light gray text on white backgrounds in footer sections, low-contrast placeholder text in search bars, sale price text in red that does not meet ratio requirements against its background, and button text that blends into button backgrounds.
Fix these in your theme CSS. Find your color variables in the theme settings or CSS files and adjust them until they meet the ratios. Use a free contrast checker tool like the WebAIM Contrast Checker to verify each combination.
Keyboard Navigation Failures
Many Shopify stores are impossible to use without a mouse. Common keyboard navigation failures include: mega menus that open only on hover and cannot be navigated with Tab and arrow keys, product image carousels and sliders that lack keyboard controls, quick-view modals that trap focus so keyboard users cannot escape, custom dropdown menus that do not respond to Enter, Space, or Escape keys, and product filters that require mouse clicks to operate.
Test this yourself: unplug your mouse and try to navigate from your homepage through to a completed purchase using only the keyboard. If you get stuck at any point, keyboard-only users and many assistive technology users are stuck too.
Form and Checkout Issues
Forms are where accessibility failures directly cost you sales. The most common form issues include input fields without programmatically associated labels, where placeholder text is used as the only label. When the user starts typing, the placeholder disappears and they have no idea what the field is for. Error messages that are not associated with specific fields, so a screen reader user gets a generic something went wrong without knowing which field to fix. Required field indicators that rely only on a red asterisk, which is invisible to people who cannot perceive color. And third-party checkout extensions that introduce validation errors that screen readers never announce.
Shopify's managed checkout is well-audited, but any customizations or extensions you add to the checkout flow can break accessibility.
Third-Party App Problems
Installed apps are a major and underappreciated source of accessibility issues. Apps inject their own HTML and JavaScript into your store pages, and most app developers do not test for accessibility. Common culprits include chat widgets that trap keyboard focus, product review widgets without proper heading structure, countdown timers and urgency pop-ups that distract screen readers, newsletter pop-ups that cannot be dismissed with the Escape key, and social proof notifications that create noise for assistive technology users.
Audit every installed app for accessibility impact. If an app creates barriers, contact the developer or replace it with an accessible alternative. In some cases, removing the app entirely is better than keeping an inaccessible feature.
Best Shopify Themes for Accessibility
If you are starting a new store or considering a theme change, choosing an accessible theme saves significant remediation work later.
Dawn is the best overall choice for accessibility. It is Shopify's default OS 2.0 theme, built with accessibility as a core design principle. It has the strongest accessibility foundation among free themes, with semantic HTML, full keyboard support, and ARIA attributes throughout.
Craft is excellent for assistive technology support. Developed by Shopify's internal theme team, it is specifically designed with accessibility in mind and offers robust support for screen readers and other assistive technologies.
Sense works well as a versatile option for various product types while maintaining solid accessibility characteristics.
Whichever theme you choose, remember that even the best Shopify themes do not achieve full WCAG 2.2 Level AA conformance out of the box. They provide a better starting point, but you will still need to address content-level accessibility, third-party app impacts, and ongoing monitoring.
Why Accessibility Overlays Are Not the Answer
The Shopify App Store has several overlay widgets that promise one-click accessibility compliance. These tools inject JavaScript into your pages to add features like text resizing, contrast adjustment, and screen reader support. They are tempting because they require no technical work, but the evidence against them is damning.
In April 2025, the US Federal Trade Commission fined accessiBe one million dollars for false advertising about the effectiveness of its overlay product. In 2024, 25 percent of all ADA web accessibility lawsuits explicitly cited overlay widgets as barriers rather than solutions. In the first half of 2025, 456 ADA lawsuits were filed against websites that had accessibility overlay widgets installed, representing 22.6 percent of all cases.
The fundamental problem is that overlays cannot modify the underlying HTML that assistive technologies interact with. A screen reader reads the actual DOM, not the visual overlay. An image without alt text still has no alt text regardless of what widget is running on top. Courts have rejected overlay usage as evidence of ADA compliance in multiple cases.
Instead of overlays, fix your actual code. It takes more effort upfront but produces real, lasting accessibility improvements that work for all assistive technologies.
Step-by-Step: Auditing Your Shopify Store
A systematic audit catches issues before they become legal problems or lost sales. Here is a practical workflow.
Run Automated Scans
Start with automated tools to catch the low-hanging fruit. Run a free scan at web-accessibility-checker.com to get an instant WCAG 2.2 compliance report across your store pages. Use the axe DevTools browser extension for detailed component-level analysis. Check your Lighthouse accessibility score in Chrome DevTools, aiming for 90 or above.
Scan at minimum your homepage, one collection page, one product page, the cart page, and the contact page. Automated tools catch about 30 to 40 percent of WCAG issues, which means they are a starting point, not a complete audit.
Test Keyboard Navigation
Disconnect your mouse and navigate your entire store using only the keyboard. Tab through every page element and verify that all interactive elements are reachable. Check that focus indicators are visible on every link, button, and form field. Test dropdown menus with Enter, Space, arrow keys, and Escape. Complete a full purchase flow from browsing to checkout using keyboard only.
Pay special attention to mega menus, product image galleries, variant selectors, add-to-cart buttons, and modal dialogs. These are the components that most frequently fail keyboard testing in Shopify stores.
Test with a Screen Reader
Use VoiceOver on Mac, NVDA on Windows, or TalkBack on Android to navigate your store as a blind user would. Listen for meaningful page titles and heading hierarchy. Check that product images are described through alt text. Verify that form labels are announced when fields receive focus. Confirm that error messages are read aloud when form validation fails. Complete a purchase to verify the entire flow works.
Screen reader testing reveals issues that no automated tool can detect, such as alt text that is technically present but completely unhelpful, heading hierarchies that skip levels, and dynamic content updates that are never announced.
Audit Third-Party Apps
Review every installed app for accessibility impact. Disable apps one at a time and run a scan before and after to measure each app's contribution to your accessibility issues. Check whether apps inject inaccessible HTML or JavaScript. Test app-generated content with keyboard and screen reader.
Chat widgets, product review sections, pop-ups, countdown timers, and social proof notifications are the most common sources of app-related accessibility problems.
Legal Requirements for Shopify Merchants
The legal landscape for e-commerce accessibility has tightened significantly. Understanding your exposure helps you prioritize compliance work.
European Accessibility Act
The EAA has been enforceable since June 28, 2025, and applies to any merchant selling products or services to EU consumers, regardless of where the business is located. It covers the entire purchase journey: browsing, product selection, cart, checkout, payment, and post-purchase communication. The technical standard is EN 301 549, which maps to WCAG 2.1 Level AA.
Fines vary by member state. Germany can impose penalties up to 500,000 euros. Spain up to 300,000 euros. France between 5,000 and 250,000 euros. Enforcement is handled by national authorities in each EU member state, who can inspect sites, demand documentation, and issue penalties. Complaints from users with disabilities or advocacy groups can trigger enforcement action.
ADA in the United States
E-commerce has become the primary target for ADA accessibility litigation. Over 4,600 web accessibility lawsuits were filed in 2024, with e-commerce sites accounting for 77 percent of cases. The first half of 2025 saw a 37 percent increase over the same period in 2024. Typical settlements range from 5,000 to 75,000 dollars, plus attorney fees and remediation costs. Forty percent of 2024 cases were against companies that had already been sued before, showing that initial lawsuits often trigger repeat litigation.
New York, Florida, and California remain the primary litigation hotspots, with Illinois emerging as a new hub. The business case for proactive compliance is straightforward: fixing accessibility issues costs far less than defending a lawsuit.
The Business Case Beyond Compliance
Legal risk is the stick. The business opportunity is the carrot, and it is substantial.
People with disabilities represent a market of over 13 trillion dollars in annual spending power globally. In North America and Europe alone, people with disabilities control 2.6 trillion dollars in disposable income. Twenty-six percent of US adults have a disability. If your store is not accessible to them, you are locking out a quarter of your potential customer base.
Accessible stores also tend to perform better on metrics that matter to all shoppers. Clean semantic HTML improves SEO. Keyboard navigability benefits power users. Clear form labels and error messages reduce cart abandonment for everyone. Good color contrast makes text easier to read in bright sunlight on mobile devices. Accessibility improvements are user experience improvements that benefit your entire customer base.
Setting Up Ongoing Monitoring
An accessibility audit is a snapshot. Without ongoing monitoring, new issues accumulate as you update products, install apps, modify themes, and publish content.
Schedule automated WCAG scans on a regular cadence. Our free accessibility checker at web-accessibility-checker.com lets you scan your key pages and track changes over time. Weekly scans of your homepage, a collection page, and a product page catch regressions before they accumulate.
Build accessibility checks into your workflow. Before publishing new product listings, verify alt text is in place. Before installing a new app, test it on a staging store for keyboard and screen reader compatibility. Before pushing theme changes, run a Lighthouse accessibility check.
Conduct a manual audit at least quarterly. Automated tools miss context-dependent issues. A quarterly manual review covering keyboard navigation, screen reader testing, and color contrast verification catches what automation cannot.
Train your team. Content editors who understand how to write good alt text, structure headings properly, and create accessible product descriptions prevent issues at the source. This is more effective and less expensive than auditing and remediating after the fact.