Images with no alternative text in WooCommerce

WCAG 1.1.1 (A) · EN 301 549 9.1.1.1

Some images have no alt attribute.

Where to change it in WooCommerce

In Media, select the image and fill in "Alt text". It applies everywhere the image appears.

In WooCommerce the theme and the plugins both contribute markup. Create a child theme before editing: otherwise the next update overwrites your changes.

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

<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

• Images with no alternative text in Shopify
• Images with no alternative text in PrestaShop
• Images with no alternative text in WordPress