Images with no alternative text in Shopify

WCAG 1.1.1 (A) · EN 301 549 9.1.1.1

Some images have no alt attribute.

Where to change it in Shopify

Under Products › Media, click an image and edit "Alt text". For theme images, each image block in the theme editor has its own alt text field.

Shopify themes are edited under Online Store › Themes. "Edit code" opens the Liquid templates. Many colour and typography settings can be changed without coding, from the theme editor.

As it is

<img src="/tshirt-sand-01.jpg">

As it should be

<img src="/tshirt-sand-01.jpg"
     alt="Organic cotton t-shirt in sand, front view">

<!-- Decorative: empty alt, not missing -->
<img src="/flourish.svg" alt="">

Why it matters

A screen reader cannot describe an image that carries no alternative text: it reads out the file name, or skips it entirely. On a product page that means the person does not know what they are buying.

On other platforms

Does your Shopify shop have this failure?

We detect your platform automatically and give you the instructions for it. Free, no sign-up.