Checkwell

Accessibility widgets on Shopify: why an overlay won't fix your store

Published

Search the Shopify App Store for “accessibility” and many results are overlays: a script that adds a floating button to your storefront, with a menu to enlarge text, change contrast or “enable screen reader mode”. Many promise compliance in minutes. Here’s why that promise doesn’t hold.

What an overlay does

An overlay runs JavaScript in your shoppers’ browsers after your page loads. It can offer display options and it can try to patch some problems on the fly, for example by guessing alt text for images or adding labels to fields. Your theme’s code stays exactly as it was.

Why it isn’t a fix

The Overlay Fact Sheet, signed by hundreds of accessibility practitioners, sets out these objections in detail.

What fixes it instead

The fix lives where the problem is: your theme and your content.

  1. Find the failures: an automated scan of your main templates finds the measurable ones.
  2. Change the theme: colours that pass contrast, names for icon buttons, labels for fields. Most fixes are in theme settings or a few lines of Liquid.
  3. Fix your content: alt text on product images, headings in the right order, link text that makes sense on its own.
  4. Check by hand: keyboard and screen reader, on a product page and the cart.
  5. Keep a dated record of what you checked and changed, and publish an accessibility statement.

This takes more than a minute. But the changes stay in your theme, they work for every visitor and every assistive tool, and you can show what you did.

Read next: The European Accessibility Act for Shopify stores.