Alt-Texte für Produktbilder: So beschreiben Sie Bilder richtig

Wer nicht sieht, kauft über das, was der Screenreader vorliest. Fehlt der Alt-Text, hört die Person nur „Bild“ oder den Dateinamen, etwa „IMG_2034.jpg“. Ob das Kleid rot oder blau ist, ob der Stuhl Armlehnen hat – diese Information fehlt genau dort, wo die Kaufentscheidung fällt.

Die Web-Richtlinien WCAG verlangen für jedes Bild mit Inhalt eine Textalternative (Kriterium 1.1.1). Fehlende Alt-Texte gehören zu den häufigsten Problemen, die ein automatischer Test in Onlineshops findet.

Ein guter Alt-Text sagt kurz, was auf dem Bild zu sehen ist und was für den Kauf zählt. Stellen Sie sich vor, Sie beschreiben das Bild jemandem am Telefon.

• Kurz und konkret: Meist reicht ein Satz oder eine Wortgruppe.
• Das Wichtigste zuerst: Produkt, Farbe, Material, Besonderheit.
• Nicht mit „Bild von …“ oder „Foto von …“ beginnen. Dass es ein Bild ist, sagt der Screenreader schon.
• Bei mehreren Bildern pro Produkt beschreibt jedes, was es zusätzlich zeigt, etwa „Rückansicht mit Reißverschluss“ oder „Detail der Naht“.
• Keine Liste von Suchbegriffen. Was für Menschen nicht lesbar ist, hilft auch der Suche nicht.

Nicht jedes Bild trägt Information. Reine Schmuckbilder – eine Zierlinie, ein Hintergrundmuster, ein Stimmungsfoto neben einem Text, der schon alles sagt – bekommen ein leeres Alt-Attribut (alt=""). Der Screenreader überspringt sie dann, statt die Person mit Unwichtigem aufzuhalten.

Leer heißt dabei nicht fehlend: Fehlt das Attribut ganz, liest der Screenreader oft den Dateinamen vor. Ob Ihr Theme ein leeres Feld als alt="" ausgibt oder das Attribut weglässt, zeigt Ihnen ein Test.

• Shopify

  Produkte→, dann Produkt öffnen→, dann Bild in „Medien“ anklicken→, dann Alt-Text hinzufügen

  Bilder in Abschnitten: Inhalte → Dateien.

• WooCommerce

  Medien→, dann Mediathek→, dann Bild öffnen→, dann Feld „Alternativer Text“ ausfüllen

  Gilt auch für Produkt- und Galeriebilder.

• Shopware

  Inhalte→, dann Medien→, dann Bild auswählen→, dann Feld „Alt-Text“ in der Seitenleiste ausfüllen

  Gilt auch für Produktbilder.

Haben Sie viele Produkte importiert, fangen Sie mit den meistverkauften an. Ein Alt-Text für jedes Hauptbild ist ein guter erster Schritt, die weiteren Bilder folgen nach und nach.

Mehr zu Ihrem System: WooCommerce, Shopify und Shopware.

Manche Apps und Plugins erzeugen Alt-Texte automatisch. Das ist besser als nichts, aber prüfen Sie das Ergebnis: Eine KI erkennt „grünes Kleid“, weiß aber nicht, dass es Ihr meistverkauftes Modell aus Bio-Leinen ist. Was für den Kauf zählt, wissen nur Sie.