Shopify Accessibility: Check Theme, Apps and Checkout

This article shows what Shopify says it provides and what it does not, how theme, apps, checkout and content interact, and which checks make sense in the shop. It is based on Shopify's documentation and the requirements of Germany's Accessibility Strengthening Act (BFSG). The research is current as of October 23, 2026.

Does the platform make a Shopify store accessible?

No. In its accessibility statement (as of July 7, 2025), Shopify describes WCAG 2.2 as the guiding principle for its own products and says they are tested against level AA. It also says that merchants have complete control over their theme code. For the checkout, Shopify publishes a conformance report against WCAG 2.2 A and AA, and for the standard theme Dawn one against WCAG 2.1 A and AA.

Legally, the merchant operates a service in electronic commerce. Under Section 19 of the ordinance to the BFSG, such services must, among other things, make identification, authentication, security and payment functions perceivable, operable, understandable and robust. The wording refers to the function in the shop and not to the system that technically delivers it. How authorities weigh responsibility between shop operator and platform in individual cases has not been clarified.

Four layers: theme, apps, checkout and content

A Shopify store consists of parts from different sources. The table shows what Shopify documents and what stays with the merchant. It summarizes Shopify's documentation and adds our assessment.

What Shopify themes deliver and what stays open

A theme from the Theme Store meets minimum requirements but is not proof of conformity. Under Shopify's Theme Store requirements, a theme must reach an average Lighthouse accessibility score of at least 90 across the home page, product page and collection page, on both desktop and mobile. Shopify also requires, among other things, keyboard access to all parts of a page, a visible focus state, an alt attribute for images, labels for form fields, valid HTML, a contrast ratio of 4.5 to 1 for body text and a target size of at least 24 by 24 CSS pixels. Background is available in our lexicon pages on keyboard accessibility and the contrast ratio.

Shopify qualifies these requirements itself. The best practices for themes were created with WCAG 2.1 in mind, and following them does not, according to Shopify, guarantee full accessibility. The best practices page even recommends 44 by 44 pixels for primary controls, while the Theme Store minimum is 24 by 24 CSS pixels. The conformance report for Dawn lists several criteria as partially supported, including color contrast, keyboard handling when the interface changes dynamically and error identification in the address form of the customer account. The report covers WCAG 2.1 and contains no criteria from WCAG 2.2. The page gives November 2021 as the report date, while the accessibility statement assigns the report to Dawn version 2.4.0. How current it is therefore cannot be conclusively assessed.

In our assessment, this is the core of the problem: the Theme Store list we read names the target size from WCAG 2.2 but does not explicitly mention the other new criteria such as focus not obscured or redundant entry. A Lighthouse score is also an automated test of individual pages. It does not capture flows such as the path from the product page to the order.

Why customizations change the result

Shopify stresses that merchants have complete control over their theme code. That is both an advantage and a risk. One scenario: a merchant changes the brand color of the buttons, and the button text no longer reaches the required contrast ratio of 4.5 to 1. Another scenario: a campaign page is built with sections that choose headings by appearance instead of structure. Both conflict with the requirements Shopify itself sets for themes, and neither shows up in a test of the delivered state.

Five questions before choosing a theme

Anyone setting up an accessible Shopify store should ask theme providers specific questions. Our recommendation:

• ✓ Conformance report: Is there a report for the current version? Shopify publishes one for Dawn, and the same can be expected from other providers.
• ✓ WCAG version: Does the report refer to WCAG 2.1 or to WCAG 2.2?
• ✓ Dialogs and menus: Does focus move into the cart drawer and pop-ups, and can they be closed with the Escape key? Shopify names both as requirements.
• ✓ Fixed elements: How does the theme make sure that sticky headers do not hide the focus?
• ✓ Updates: How are theme updates delivered, and which of your own customizations are lost or need to be checked again?

Apps: the most common gap in a Shopify store

Every app that adds interface to the shop becomes part of your service and should be checked. Shopify's developer documentation for apps lists best practices for keyboard use, focus and page structure and expressly points out that following them does not guarantee full accessibility. The documentation we read does not show any review by Shopify that covers each app in combination with your theme. A simple inventory helps: app name, purpose, visibility in the online shop, date of the last check and a fixed contact person in the team or at the agency.

Shopify itself shows that third parties also play a role in the checkout: its conformance report (March 2026) says that controls supplied by payment providers such as PayPal or Amazon Pay can create barriers. Typical e-commerce scenarios can be seen in the following places. The examples are scenarios, not case reports:

• ✓ Cookie banners and chat: A fixed banner or chat widget hides the focused element while a user tabs through the page.
• ✓ Pop-ups and newsletter overlays: Focus does not move into the window, and it cannot be closed with the Escape key. Shopify names both as requirements for dialogs in themes.
• ✓ Reviews and filters: Stars, sliders or select fields can only be operated with a mouse.
• ✓ Payment methods: A button from a payment provider has no understandable name for screen readers.

An accessibility widget added afterwards does not replace fixing such errors. You can read more about the limits of such solutions in our article Accessibility overlays and the risk of warning letters.

Checkout: what Shopify documents and where gaps remain

The checkout is the area for which Shopify provides the most information. In its conformance report of March 2026, Shopify rates the new WCAG 2.2 criteria focus not obscured, consistent help, redundant entry and accessible authentication as supported. According to the report, there are no dragging movements in the checkout. For target size, Shopify lists a partial conformance because some tooltip activators have small targets.

Further partial conformances concern error messages that are not immediately perceivable, controls from payment providers that can create barriers, and status messages. Shopify notes that remediation is ongoing and that usability tests take place quarterly. The report is a statement by the vendor and not an independent test certificate.

In our assessment, the checkout can be changed less freely than the theme. For merchants, the focus is therefore on configuration: which payment methods do you offer, how do they work when walked through with keyboard and screen reader, and are help links and texts around the order clear? A test purchase helps in practice: walk through every payment method with a keyboard, with a screen reader and at 200 percent zoom, and deliberately trigger error messages, for example with an incomplete address. This shows whether hints appear in time and are understandable. Which errors can become particularly costly is described in our article The costliest barrier mistakes and their priorities.

How to check your shop step by step

Anyone who wants to check Shopify accessibility does not need a restart, but a fixed routine. The following order is our recommendation:

• ✓ Clarify the theme basis: Which theme in which version is in use, and how heavily has it been customized? The Theme Store requirements are a floor, not proof.
• ✓ Keyboard walkthrough: Go from the home page through the product page and cart to the order confirmation using only the keyboard. Focus must be visible and must not be hidden.
• ✓ Check apps one by one: Keep a list of all apps that are visible in the shop and check again after every installation and every update.
• ✓ Test payment methods: Section 19 of the ordinance to the BFSG expressly names payment functions. Check every payment method you offer from start to finish.
• ✓ Maintain content: The theme outputs the alt attribute, and you write the texts. Basics on alternative text and practical advice can be found in the article Alt text for SEO and accessibility.
• ✓ Keep information up to date: The accessibility statement should reflect the actual test status and test date.

SiteCockpit: keeping accessibility in your Shopify store in view

A Shopify store changes constantly. Every theme update, every new app and every campaign page can violate requirements again. Accessibility is therefore not a one-off project but a process of checking, fixing and checking again. Keeping Shopify accessibility on track takes an overview of all changes and a check that runs after every change.

• ✓ easyMonitoring: monitors your shop continuously, finds errors such as invisible keyboard focus, weak contrast or missing form labels, and delivers prioritized to-dos.
• ✓ easyAlt: generates alt text for product images automatically and eases the upkeep of large assortments.
• ✓ easyVision: lets visitors adjust contrast, line spacing or font themselves. It complements fixing barriers and does not replace it. According to the Shopify integration page, the widget can be added to the theme with an embed code, for example through a custom Liquid section.
• ✓ easyStatement: creates an up-to-date accessibility statement based on real test results.

A dashboard with conformance scores shows whether the status of your shop improves or worsens after changes. It does not replace a legal statement of conformity. How market surveillance currently checks online shops is summarized in the interim review of BFSG market surveillance.

What makes sense now

Shopify offers a solid foundation and discloses its own requirements for the Theme Store, checkout and developer documentation. Responsibility for the specific shop stays with the merchant, and Shopify's reports are vendor statements with documented gaps. No reason to panic, but real need for action on apps, payment methods and content.

• ✓ Establish your status: Start with the Livecheck and a keyboard walkthrough up to the order.
• ✓ Fix the most common errors: Begin with apps that hide focus or cannot be operated by keyboard, with payment methods and with missing alt text.
• ✓ Keep it in view: Check again after every theme update and every new app, and keep your accessibility information up to date.

Take it step by step, because accessibility in an online shop is built step by step. With easyMonitoring you keep track of your shop after every change without having to set up each check from scratch.

Note: This article provides general information on the legal situation (as of 10/23/2026) and does not replace individual legal advice.