Einleitung

Produktbilder sind das Herzstück eines Online-Shops. Doch für viele Nutzer bleiben sie unsichtbar: Menschen mit Sehbeeinträchtigung greifen auf Screenreader zurück, die Bildinhalte nur über Alt-Texte verständlich machen.

Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG). Online-Shops müssen ihre digitalen Angebote barrierefrei gestalten. Dazu gehört auch die konsequente Pflege von Alternativtexten.

In diesem Beitrag erfährst du:

• Was Alt-Texte sind und welche Funktion sie erfüllen

• Welche rechtlichen Vorgaben BFSG und WCAG machen

• Wie du praxisnah gute Alt-Texte für Produkte im Shop erstellst

Was sind Alt-Texte?

Ein Alt-Text (Alternativtext) beschreibt den Inhalt eines Bildes für Nutzer, die das Bild nicht sehen können. Screenreader lesen den Text vor und ermöglichen so Zugang zu den Informationen.

Beispiel:

• Statt: „Bild123.jpg"

• Besser: „Damen Sneaker in Weiß mit grauen Akzenten, Modell XY"

Alt-Texte haben drei Hauptfunktionen:

1. Barrierefreiheit: Zugang für Menschen mit Sehbeeinträchtigungen

2. SEO: Suchmaschinen können Bildinhalte besser indexieren

3. User Experience: Fallback, wenn Bilder nicht geladen werden

Rechtliche Grundlage: BFSG und WCAG

Das Barrierefreiheitsstärkungsgesetz (BFSG)

Seit dem 28. Juni 2025 müssen digitale Angebote in Deutschland barrierefrei gestaltet sein. Dazu gehören Websites, mobile Anwendungen und Online-Shops.

Für Shop-Betreiber bedeutet das konkret:

• Produktbilder müssen mit aussagekräftigen Alt-Texten versehen sein

• Bildinformationen, die für Kaufentscheidungen wichtig sind (zum Beispiel Farbe, Form, Anwendung), müssen beschrieben werden

Die Web Content Accessibility Guidelines (WCAG)

Die WCAG 2.1 definieren internationale Standards für barrierefreie Webinhalte. Wichtige Vorgaben für Alt-Texte:

• Wahrnehmbar: Bilder müssen textlich beschrieben werden

• Verständlich: Beschreibungen sollen präzise und leicht erfassbar sein

• Zweckmäßig: Der Text muss den funktionalen Nutzen des Bildes transportieren, zum Beispiel „Button zum Warenkorb hinzufügen" bei Icons

Praxis: So erstellst du gute Alt-Texte im Online-Shop

1. Beschreibe, was wirklich relevant ist

Alt-Texte sollten alle kaufentscheidenden Merkmale abdecken: Farbe, Material, Modell, Funktion. Beispiel:

• „Schwarzer Herren-Lederschuh mit Schnürung, Modell Classic Business"

2. Vermeide unnötige Wörter

Screenreader kündigen Bilder meist mit „Bild von…" an. Ein Alt-Text sollte also direkt beschreiben. Beispiel:

• Falsch: „Bild von einer roten Handtasche"

• Richtig: „Rote Damenhandtasche aus Leder mit goldener Schnalle"

3. Kontext beachten

Ein Icon im Checkout braucht keinen ausführlichen Text, sondern eine funktionale Beschreibung. Beispiel:

• Alt-Text: „Warenkorb öffnen" statt „Einkaufswagen-Symbol"

4. Konsistenz sicherstellen

Pflege Alt-Texte systematisch. Nutze dafür dein CMS oder PIM-System. So stellst du sicher, dass tausende Produkte konsistent beschrieben sind. Auf Shopify siehst du deine Alt-Texte unter dem Menü „Inhalte" und dann „Dateien".

5. SEO im Blick behalten

Alt-Texte sind auch ein Rankingfaktor. Verknüpfe relevante Keywords sinnvoll, aber ohne Keyword-Stuffing.

Vorteile für Online-Shops

Die Einhaltung des BFSG ist nicht nur eine Pflicht, sondern bringt auch Chancen:

• Mehr Kunden erreichen: Menschen mit Behinderung haben eine erhebliche Kaufkraft

• Besseres Google-Ranking: Alt-Texte verbessern die Sichtbarkeit in der Bildersuche

• Image-Vorteil: Barrierefreiheit stärkt die Markenwahrnehmung und zeigt Verantwortungsbewusstsein

Fazit

Alt-Texte sind seit Juni 2025 nicht mehr optional, sondern gesetzlich vorgeschrieben. Sie sind ein zentraler Baustein der Barrierefreiheit und damit nicht nur eine Pflichtaufgabe, sondern auch ein Wettbewerbsvorteil.

Online-Shops, die ihre Produktbilder konsequent mit guten Alt-Texten versehen, erfüllen nicht nur die gesetzlichen Anforderungen des BFSG und die Standards der WCAG. Sie profitieren auch von besserer Sichtbarkeit und einer inklusiveren Customer Experience.

💡 CTA für dich: Überprüfe deinen Shop sofort auf fehlende oder unzureichende Alt-Texte. Jedes nicht gepflegte Bild ist ein potenzielles rechtliches Risiko und eine verpasste Umsatzchance.