Bilder ohne Alternativtext in Shopify

WCAG 1.1.1 (A) · EN 301 549 9.1.1.1

Einige Bilder haben kein alt-Attribut.

Wo Sie es in Shopify ändern

Unter Produkte › Medien ein Bild anklicken und „Alt-Text“ bearbeiten. Für Theme-Bilder hat jeder Bildblock im Theme-Editor sein eigenes Alt-Text-Feld.

Shopify-Themes bearbeiten Sie unter Onlineshop › Themes. Über „Code bearbeiten“ öffnen sich die Liquid-Vorlagen. Viele Farb- und Schrifteinstellungen lassen sich ohne Programmieren direkt im Theme-Editor ändern.

So ist es

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

So sollte es sein

<img src="/tshirt-sand-01.jpg"
     alt="T-Shirt aus Bio-Baumwolle in Sand, Vorderansicht">

<!-- Dekorativ: leeres alt, nicht weggelassen -->
<img src="/zierlinie.svg" alt="">

Warum das zählt

Ein Screenreader kann ein Bild ohne Alternativtext nicht beschreiben: Er liest den Dateinamen vor oder überspringt es ganz. Auf einer Produktseite heißt das, die Person weiß nicht, was sie da kauft.

In anderen Systemen

Hat Ihr Shopify-Shop diesen Mangel?

Wir erkennen Ihr System automatisch und geben Ihnen die Schritte dafür. Kostenlos und ohne Anmeldung.