Theme-Bildausgabe und Produktmedien
Vergleichen Sie die Alternativtexte der einzelnen Produktmedien mit der Theme-Ausgabe. Ein Galerie-Slider aus einer App kann anders rendern als das Hauptbild.
Prüfen Sie die im Theme erzeugten Bild-URLs, Größen und Alternativtexte für Produktmedien. Das gleiche Original kann in einer kleinen Produktkarte und einer großen Galerie mit unterschiedlichen Anforderungen verwendet werden.
Wo Sie die Einstellung in Shopify prüfen
Prüfen Sie die Bildausgabe der betroffenen Section und ihre Verwendung von image_url und image_tag. Vergleichen Sie angeforderte Breite, responsive Quellen und Alt-Text mit dem Produktmedium. Die größte Originaldatei muss nicht an jede Bildschirmgröße ausgeliefert werden.
Beispiel für diesen konkreten Befund
Illustrativer Kontrollfall: Ein Bild erklärt den Anschluss eines Geräts, besitzt aber kein alt-Attribut. Eine rein dekorative Hintergrundwelle enthält dagegen keine zusätzliche Information.
<img src="anschluss.webp" alt="Netzkabel am linken Anschluss einstecken">
<img src="dekorative-welle.svg" alt="">Nachprüfung in Shopify
Die tatsächlich geladene Variante im mobilen Netzwerkprotokoll kontrollieren. Das erste sichtbare Produktbild nicht pauschal hinter Lazy Loading verschieben.
Für das informative Bild eine knappe passende Alternative bereitstellen. Dekorative img-Elemente mit leerem alt kennzeichnen; bei verlinkten Bildern die Linkfunktion berücksichtigen.
Ausnahmen und Geltungsbereich
Ein leeres alt ist bei dekorativen Bildern beabsichtigt und darf nicht pauschal als fehlender Inhalt korrigiert werden.
Bezug: Shopify Online Store mit Liquid-Theme. Für Hydrogen oder andere Headless-Storefronts gelten eigene Rendering- und Hostingzuständigkeiten.
Den allgemeinen Fehler einordnen
Definition, systemunabhängige Ursachen und weitere Korrekturbeispiele: Informative und dekorative Bilder getrennt behandeln
Dokumentation zur Konfiguration und zum Prüfsignal
Shopify: image_tag und Bildattribute