Skip to main content

Shopify accessibility: theme-level fixes for stores

Millions of stores worldwide

Shopify's newer themes are noticeably better than the older ones, but the same commercial pressure applies everywhere: the parts that sell are the parts that get customised, and customisation is where accessibility breaks.

What actually breaks on Shopify

01Product images with no alt text

Alt text is set per image in the product editor and is almost universally skipped on large catalogues.

Where to fix it: Products, select a product, click an image, then Edit alt text.

02Variant swatches built from divs

Colour and size swatches implemented as clickable divs cannot be reached by keyboard.

Where to fix it: Theme code, or a swatch app that outputs real form controls. Check by trying to choose a variant using only Tab and Enter.

03Announcement bars and popups

Discount popups frequently trap keyboard focus with no reachable close button.

Where to fix it: Test every popup with the keyboard alone before leaving it running.

04Low-contrast sale badges

White text on a light accent is the most common contrast failure in commerce themes.

Where to fix it: Theme editor, Colors.

The encouraging part

Shopify's Dawn-based themes pass most automated checks out of the box. If you are on an old theme, upgrading fixes more than any plugin will.

Find out which of these apply to you

The scanner detects that you are on Shopify and writes the repair steps for that setup. Free, about fifteen seconds, no signup.

Scan my page

Other platforms