Ein Produktbild ohne Alt-Text ist für Screenreader-Nutzer unsichtbar und für Suchmaschinen stumm. Genau hier setzen KI-Alt-Texte an: Bild-Sprachmodelle (Vision-Modelle) analysieren den gesamten Produktbild-Bestand und schlagen Alternativtexte im großen Stil vor - relevant für die Barrierefreiheit nach BFSG und WCAG 2.2 und zugleich für die Bild-SEO. Der Haken: 53,1 % aller Startseiten enthalten Bilder ohne Alt-Text (WebAIM). Dieser Leitfaden zeigt, wie eine Pipeline aus Vision-Analyse, Marken-Glossar, Sonderfall-Behandlung und - entscheidend - menschlicher Endkontrolle Ihren Online-Shop zugleich barrierefrei und sichtbar macht.
Warum Alt-Texte über Barrierefreiheit und SEO entscheiden
Alt-Texte (Alternativtexte) sind das Bindeglied zwischen einem Bild und allen Nutzern, die es nicht sehen können. Screenreader lesen den Alt-Text vor, Suchmaschinen werten ihn als Inhaltssignal, und bei langsamer Verbindung erscheint er, wenn das Bild nicht lädt. Fehlt der Alt-Text, bleibt ein Produktfoto für blinde und sehbehinderte Menschen vollständig unsichtbar. Der WebAIM Million Report 2026 hat die eine Million meistbesuchten Startseiten untersucht: Fehlende Alternativtexte sind mit 53,1 % der Seiten der zweithäufigste Barrierefreiheitsfehler überhaupt (WebAIM) - direkt nach zu geringen Textkontrasten mit 83,9 % (WebAIM) und noch vor fehlenden Formular-Labels mit 51 % (WebAIM).
Das Ausmaß ist größer, als es zunächst klingt. Im Schnitt fehlen 10,8 Alt-Texte pro Startseite (WebAIM), und 16,2 % aller Bilder auf diesen Seiten tragen gar keinen Alternativtext (WebAIM). Rechnet man mangelhafte Beschreibungen hinzu - etwa einen Dateinamen oder das nackte Wort Bild im Alt-Attribut, was auf 10,8 % der beschrifteten Bilder zutrifft (WebAIM) -, dann weist mehr als jedes vierte Bild auf populären Startseiten einen fehlenden, fragwürdigen oder wiederholten Alternativtext auf (WebAIM). Für einen Shop mit Tausenden Artikeln summiert sich das zu einer strukturellen Barriere.
In Deutschland leben 7,9 Millionen Menschen mit einer Schwerbehinderung (Destatis), das sind 9,3 % der Bevölkerung (Destatis). Weltweit sind rund 1,3 Milliarden Menschen - etwa 16 % - von einer wesentlichen Behinderung betroffen (WHO). Rund ein Drittel der schwerbehinderten Menschen in Deutschland, etwa 2,7 Millionen, ist 75 Jahre und älter (Destatis) - eine Gruppe mit hoher Kaufkraft, deren Online-Anteil wächst und die von klaren Bildbeschreibungen unmittelbar profitiert.
Barrierefreie Bildbeschreibungen zahlen zudem auf den Umsatz ein. Produktbilder sind im Online-Handel einer der stärksten Treiber der Kaufentscheidung - wer sie nicht sehen kann, braucht die Beschreibung als vollwertigen Ersatz. Ein Alt-Text, der Material, Passform und Zustand benennt, senkt Unsicherheit und Rückfragen und stützt so die Conversion. Barrierefreiheit ist damit kein reiner Pflichtposten, sondern ein Beitrag zur Nutzererfahrung für alle - auch für Menschen mit langsamer Verbindung oder situativer Einschränkung, etwa bei starker Sonneneinstrahlung auf dem Smartphone-Display.
Was WCAG 2.2 und das BFSG konkret verlangen
Die rechtliche Grundlage ist eindeutig. Das Erfolgskriterium 1.1.1 (Nicht-Text-Inhalte) der Web Content Accessibility Guidelines (WCAG) 2.2 verlangt für jeden Nicht-Text-Inhalt eine Textalternative, die denselben Zweck erfüllt (W3C). Das gilt für Produktfotos ebenso wie für Icons, Diagramme und Grafiken. In Deutschland macht das Barrierefreiheitsstärkungsgesetz (BFSG) diese Anforderung für Dienstleistungen im elektronischen Geschäftsverkehr verbindlich - es ist seit dem 28. Juni 2025 in Kraft (BFSG). Die Bundesfachstelle Barrierefreiheit verweist als zentrale Stelle auf die BITV 2.0, die ihrerseits die WCAG-Erfolgskriterien der Konformitätsstufen A und AA referenziert (Bundesfachstelle Barrierefreiheit).
Entscheidend ist: Nicht jedes Bild braucht denselben Alt-Text - und manche brauchen gar keinen. Das W3C unterscheidet in seinem Images Tutorial nach Funktion des Bildes. Die folgende Übersicht ordnet die häufigsten Bildtypen im Shop den Anforderungen zu:
| Bildtyp | WCAG-2.2-Anforderung | Umsetzung im Shop |
|---|---|---|
| Informativ (Produktfoto) | Beschreibt Inhalt und Zweck | Kurzer, konkreter Alt-Text mit Produktmerkmalen |
| Funktional (Bild-Link, Button) | Beschreibt die Aktion | Alt-Text nennt das Ziel, nicht das Motiv |
| Dekorativ (Zierbild, Muster) | Von Assistenztechnik ignorieren | Leeres Alt-Attribut ohne Inhalt |
| Komplex (Diagramm, Größentabelle) | Kurz- und Langbeschreibung | Alt-Text plus ausführliche Textalternative |
| Text-im-Bild (Rabatt, Label) | Text muss verfügbar sein | Bildtext wörtlich im Alt-Text wiederholen |
Bei Verstößen gegen das BFSG drohen Bußgelder von bis zu 100.000 Euro bei schwerwiegenden und bis zu 10.000 Euro bei leichteren Verstößen (BFSG § 37). Die Höhe richtet sich nach Art, Schwere, Dauer und Wiederholungsrisiko. Wie ein systematisches Vorgehen aussieht, zeigt unser Leitfaden zum BFSG-Audit für Online-Shops - Alt-Texte sind dabei nur eines von mehreren Prüffeldern, aber eines mit besonders vielen Fundstellen.
Wie Vision-Modelle Produktbilder analysieren
Bild-Sprachmodelle (Vision-Modelle) verbinden Bildverarbeitung mit Sprachgenerierung. Sie erkennen Objekte, lesen Text im Bild, bestimmen Farben und Materialien und beschreiben Szenen in natürlicher Sprache. Für einen Produktbild-Bestand mit Tausenden Artikeln heißt das: Statt jeden Alt-Text von Hand zu formulieren, lässt sich für den gesamten Bestand ein Erstentwurf erzeugen. Genau das macht KI-gestützte Prozesse für die Barrierefreiheit erst skalierbar - ein manuelles Nachpflegen von zehntausend Bildern ist in vielen Shops schlicht ausgeblieben.
Objekterkennung
Das Modell benennt Produktart, Ansicht (Front, Seite, Detail) und Zustand - die Basis jeder Bildbeschreibung.
Texterkennung (OCR)
Aufdrucke, Labels und Rabatthinweise im Bild werden ausgelesen und können in den Alt-Text übernommen werden.
Farbe und Material
Farbtöne, Muster und Materialanmutung werden erkannt und mit den strukturierten Produktdaten abgeglichen.
Die Stärke der Modelle liegt im Volumen und in der Konsistenz. Kombiniert man die Bildanalyse mit vorhandenen Katalogdaten - etwa aus einem PIM oder der Datenanreicherung -, entstehen Beschreibungen, die Modellnummer, Farbe und Kategorie sauber zusammenführen. Damit greifen Barrierefreiheit und Bild-SEO in AVIF- und WebP-optimierten Shops ineinander.
Die Pipeline: von der Bildanalyse zum freigegebenen Alt-Text
Ein verlässlicher Prozess besteht nicht aus einem einzelnen Modellaufruf, sondern aus mehreren aufeinander abgestimmten Stufen. Erst das Zusammenspiel aus Analyse, Kontextwissen und Kontrolle liefert Alt-Texte, die sowohl der Norm als auch der Marke gerecht werden:
- Bestandsaufnahme: Alle Bilder werden inventarisiert und danach klassifiziert, ob sie informativ, funktional, dekorativ oder komplex sind - denn nur informative und funktionale Bilder brauchen einen inhaltlichen Alt-Text.
- Vision-Analyse: Das Modell erzeugt für jedes relevante Bild einen Rohentwurf aus Objekten, Farben und erkanntem Text.
- Kontext-Anreicherung: Der Rohentwurf wird mit Katalog- und Markendaten aus dem Marken- und Kontext-Glossar zusammengeführt.
- Regelprüfung: Länge, verbotene Floskeln (etwa Bild von), Dubletten und leere Alt-Attribute für dekorative Bilder werden automatisch geprüft.
- Redaktionelle Endkontrolle: Ein Mensch sichtet, korrigiert und gibt frei - besonders bei sensiblen Kategorien und Text-im-Bild.
- Rückschreiben und Monitoring: Die freigegebenen Alt-Texte fließen in Shopsystem und PIM zurück, neue Bilder durchlaufen dieselbe Pipeline.
In der Praxis bewährt es sich, mit den meistbesuchten Kategorien und den umsatzstärksten Produkten zu starten. So werden zuerst die Bilder barrierefrei, die den größten Anteil an Nutzern und Suchtraffic erreichen - der Rest folgt strukturiert. Die technische Anbindung an Shop-Templates lässt sich dabei mit derselben Sorgfalt planen wie eine Migration auf Shopware 6.7 mit Symfony und Vite.
Damit die Qualität dauerhaft trägt, gehört zu einer belastbaren Pipeline auch eine Versionierung. Jeder Alt-Text erhält einen Status - Entwurf, geprüft, freigegeben - und lässt sich einem Bearbeiter zuordnen. So bleibt nachvollziehbar, welche Beschreibung ein Modell vorgeschlagen und welche eine Redaktion final verantwortet hat. Diese Dokumentation ist zugleich ein Beleg gegenüber Marktaufsichtsbehörden, dass Barrierefreiheit nicht dem Zufall überlassen, sondern systematisch bearbeitet wird - ein Punkt, der bei einer Prüfung schwer wiegt.
Marken- und Kontext-Glossar: warum generische Beschreibungen nicht reichen
Ein Vision-Modell sieht einen blauen Schuh - Ihre Marke verkauft den Aerorun in Kobalt. Ohne Kontext bleiben KI-Alt-Texte generisch, verfehlen die Terminologie der Marke und lassen wertvolle Suchbegriffe liegen. Ein Marken- und Kontext-Glossar schließt diese Lücke: Es hinterlegt Produktlinien, Farbbezeichnungen, Materialnamen und die Tonalität der Marke. Der Rohentwurf des Modells wird damit von einer beliebigen Beschreibung zu einer, die zum Shop passt.
Zum Glossar gehört auch die Mehrsprachigkeit. Ein Shop mit deutscher und englischer Oberfläche braucht Alt-Texte in beiden Sprachen - eine bloße Übersetzung reicht selten, weil Farb-, Größen- und Produktbezeichnungen je Markt abweichen. Vision-Modelle können beide Sprachfassungen erzeugen, doch Terminologie und Tonalität gibt das Glossar vor. So klingt jede Beschreibung nach Ihrer Marke und nicht nach einem generischen Katalog, und die Bild-SEO greift in jedem Zielmarkt mit den dort tatsächlich gesuchten Begriffen.
Der Unterschied zwischen einem schwachen und einem starken Alt-Text ist erheblich - für Menschen wie für Suchmaschinen:
| Situation | Schwacher Alt-Text | Starker Alt-Text |
|---|---|---|
| Produktfoto | Bild von einem Schuh | Laufschuh Aerorun in Kobalt, Seitenansicht, weiße Sohle |
| Dateiname als Alt | IMG_8842.jpg | Kobaltblauer Herren-Laufschuh mit Mesh-Obermaterial |
| Detailaufnahme | Nahaufnahme | Profilsohle des Aerorun aus recyceltem Gummi |
| Farbvariante | Schuh blau | Aerorun in Kobalt neben Variante in Anthrazit |
Ein guter Alt-Text beschreibt nicht, dass ein Bild da ist, sondern was ein sehender Nutzer daraus entnimmt - kurz, konkret und im Kontext der Seite.
XICTRON Redaktionsteam
Sonderfälle: dekorative Bilder, komplexe Grafiken, Text im Bild
Nicht jedes Bild will beschrieben werden. Das W3C Images Tutorial macht deutlich, dass ein falsch gesetzter Alt-Text die Barrierefreiheit sogar verschlechtern kann - etwa wenn ein rein dekoratives Muster vorgelesen wird und den Screenreader-Nutzer aufhält (W3C). Drei Sonderfälle verdienen im Shop besondere Aufmerksamkeit:
Dekorative Bilder
Zierbilder, Verläufe und Muster erhalten ein leeres Alt-Attribut, damit Assistenztechnik sie überspringt (W3C).
Komplexe Grafiken
Größentabellen und Infografiken brauchen eine Kurzbeschreibung plus ausführliche Textalternative in der Nähe (W3C).
Text im Bild
Rabatt-Badges oder Verpackungstexte gehören wörtlich in den Alt-Text, sonst geht die Information verloren (W3C).
Ein Modell kann vorschlagen, ob ein Bild dekorativ wirkt - die endgültige Einstufung ist aber eine redaktionelle Entscheidung, weil sie vom Kontext der Seite abhängt. Dasselbe Bild kann auf der Kategorieseite dekorativ und auf der Produktseite informativ sein. Automatische Overlay-Widgets ersetzen diese Einordnung nicht und können sogar neue Barrieren schaffen.
Bild-SEO: wie gute Alt-Texte die Sichtbarkeit steigern
Alt-Texte sind seit jeher ein Rankingsignal für die Bildersuche - und die ist relevanter, als viele Shops annehmen. Nach einer Clickstream-Analyse entfällt ein erheblicher Anteil aller Google-Suchen auf die Bildersuche (SparkToro/Datos). Für visuell getriebene Sortimente wie Mode, Möbel oder Deko ist die Bildersuche ein eigenständiger Einstiegskanal in den Shop.
- Relevanz: Ein präziser Alt-Text erklärt Suchmaschinen den Bildinhalt und erhöht die Chance auf ein Ranking zu passenden Suchbegriffen.
- Kontext: Alt-Text, Dateiname, Bildunterschrift und umgebender Text ergeben zusammen ein stimmiges Signal - Konsistenz zahlt sich aus.
- Barrierefreiheit als Ranking-Nachbar: Suchmaschinen bewerten Nutzererfahrung; sauberes Markup und beschreibende Bilder wirken in dieselbe Richtung.
- Keine Keyword-Stapelung: Aneinandergereihte Suchbegriffe im Alt-Text schaden Barrierefreiheit und SEO gleichermaßen - ein Satz pro Bild genügt.
Über den Alt-Text hinaus helfen ergänzende Signale: eine sprechende Bildunterschrift, aussagekräftige Dateinamen und - für größere Sortimente - eine Bilder-Sitemap, die Suchmaschinen den Weg zu allen Produktfotos weist. Zusammen mit strukturierten Produktdaten entsteht ein konsistentes Bild, das die Bildersuche belohnt. Der Alt-Text bleibt dabei das inhaltliche Herzstück, weil er als einziges Element Barrierefreiheit und inhaltliche Relevanz zugleich bedient.
Damit sich der SEO-Effekt auch technisch entfaltet, müssen die Bilder schnell und sauber ausgeliefert werden. Wie sich das mit modernen Formaten verbinden lässt, beschreiben wir in unserem Beitrag zur Bild-SEO mit WebP und AVIF; für flüssige Seitenwechsel auf bildlastigen Kategorieseiten lohnt zusätzlich ein Blick auf die View Transitions API. Die Suchmaschinenoptimierung bleibt dabei ein fortlaufender Prozess unserer SEO-Arbeit.
Menschliche Endkontrolle: warum kein Modell allein ausreicht
So leistungsfähig Vision-Modelle sind - sie liefern Vorschläge, keine Gewissheit. Kein Modell beschreibt einen ganzen Bildbestand durchgängig korrekt: Es verwechselt ähnliche Produkte, rät bei schlecht ausgeleuchteten Aufnahmen, übersieht juristisch relevante Angaben oder erfindet Details, die im Bild gar nicht vorhanden sind. In einem Shop, in dem Alt-Texte rechtlich verbindlich sind, ist das kein Randproblem, sondern der Grund, warum am Ende ein Mensch entscheidet.
Die Grenzen der Modelle sind gut dokumentiert und kein Grund, auf KI zu verzichten - sie sind ein Grund, den Prozess richtig aufzusetzen. Wo ein Modell unsicher ist, kann es das kennzeichnen: niedrige Konfidenz, erkanntes, aber unklares Text-im-Bild oder mehrere plausible Produktvarianten. Solche Fälle werden vorrangig zur Prüfung ausgespielt, während eindeutige Motive schneller durchlaufen. So konzentriert sich die menschliche Aufmerksamkeit dort, wo sie den größten Unterschied macht - und die Redaktion prüft nicht stur alles, sondern gezielt das Kritische.
Ein KI-Entwurf beschleunigt die Arbeit erheblich, ersetzt aber nicht die redaktionelle Verantwortung. Besonders bei Medizinprodukten, Lebensmitteln, Alterskennzeichnungen und Sicherheitshinweisen kann eine ungenaue Beschreibung Folgen haben. Deshalb prüft in einer belastbaren Pipeline eine Redaktion jeden Alt-Text in sensiblen Kategorien - typischerweise stichprobenartig im Standardsortiment und vollständig bei kritischen Produkten.
- Erfasst der Alt-Text das Wesentliche, das ein sehender Nutzer erkennt?
- Stimmen Produktname, Farbe und Variante mit den Katalogdaten überein?
- Ist der Text kurz, konkret und frei von Floskeln wie Bild von?
- Sind dekorative Bilder korrekt mit leerem Alt-Attribut ausgezeichnet?
- Wurde relevanter Text im Bild vollständig übernommen?
So könnte Ihr bildstarker Online-Shop aussehen:
Fashion & Lifestyle Shop
Elektronik-Shop
Kosmetik-Shop mit Hautanalyse
Alt-Text-Qualität im laufenden Betrieb halten
Ein einmaliger Durchlauf macht einen Shop nicht dauerhaft barrierefrei. Neue Produkte, ausgetauschte Bilder und Relaunches bringen ständig neue Motive ins System. Damit die Alt-Text-Qualität nicht wieder abrutscht, braucht es einen laufenden Betrieb mit klaren Prüfpunkten - sonst wächst die Lücke schneller nach, als sie geschlossen wurde.
- Automatischer Trigger: Jedes neu hochgeladene Bild durchläuft die Pipeline, bevor es live geht - kein Produktbild ohne Alt-Text-Status.
- Regelmäßige Stichproben: Die Redaktion prüft in Intervallen eine Auswahl freigegebener Texte, um Drift in der Modellqualität früh zu erkennen.
- Fehlerreport: Bilder ohne Alt-Text oder mit fragwürdigen Beschreibungen erscheinen in einem Report, der wie ein BFSG-Audit Prioritäten setzt.
- Feedback-Schleife: Häufige Korrekturen fließen zurück ins Glossar und in die Prüfregeln, sodass die Vorschläge über die Zeit besser werden.
Alt-Texte als Teil Ihrer Barrierefreiheits-Strategie
KI-Alt-Texte sind kein Selbstzweck, sondern ein Baustein einer belastbaren BFSG-Strategie. Sie lösen genau das Problem, das viele Shops jahrelang vor sich hergeschoben haben: die schiere Menge unbeschrifteter Bilder. Der Weg dorthin führt über eine durchdachte Pipeline - Vision-Analyse für das Volumen, ein Marken-Glossar für Präzision, klare Regeln für Sonderfälle und eine menschliche Endkontrolle für die Verantwortung. Wir richten diesen Prozess barrierekonform und redaktionell abgesichert für Ihren Shop ein und binden ihn an Shopsystem und PIM an. Sprechen Sie uns an, wenn Sie Ihren Bildbestand zugleich barrierefrei und suchmaschinensichtbar aufstellen möchten.
Dieser Artikel verweist auf: das W3C Web Accessibility Initiative (WAI) Images Tutorial und das Erfolgskriterium 1.1.1 der Web Content Accessibility Guidelines (WCAG) 2.2 (w3.org); die Bundesfachstelle Barrierefreiheit (bundesfachstelle-barrierefreiheit.de); das Barrierefreiheitsstärkungsgesetz (BFSG) über Gesetze im Internet (gesetze-im-internet.de); den WebAIM Million Report 2026; das Statistische Bundesamt (Destatis); die Weltgesundheitsorganisation (WHO); sowie eine Clickstream-Analyse von SparkToro/Datos. Die genannten Zahlen können sich im Zeitverlauf ändern.
In der Regel nicht. Vision-Modelle erzeugen sehr schnell brauchbare Entwürfe für den gesamten Bildbestand, doch kein Modell beschreibt alle Bilder durchgängig korrekt. Erfahrungsgemäß ist die Kombination aus KI-Entwurf und menschlicher Endkontrolle am tragfähigsten - die KI übernimmt das Volumen, die Redaktion die Verantwortung.
Nicht automatisch. Ein Alt-Text erfüllt das Erfolgskriterium 1.1.1 nur, wenn er den Zweck des Bildes im Kontext der Seite wiedergibt (W3C). Ob das gelingt, hängt von Kontextdaten und redaktioneller Prüfung ab. Ein Modellvorschlag ist ein guter Ausgangspunkt, ersetzt aber die inhaltliche Kontrolle nicht.
Rein dekorative Bilder wie Muster oder Verläufe erhalten typischerweise ein leeres Alt-Attribut, damit Assistenztechnik sie überspringt (W3C). Ob ein Bild dekorativ ist, hängt vom Kontext ab und wird redaktionell entschieden - dasselbe Motiv kann an anderer Stelle informativ sein.
Das hängt stark von Bildmenge, Datenqualität und Systemlandschaft ab und lässt sich seriös nur projektbezogen einschätzen. In der Regel starten wir mit den umsatzstärksten Kategorien, sodass die wichtigsten Bilder zuerst barrierefrei werden, und skalieren die Pipeline anschließend über den Restbestand.
Alt-Texte sind ein etabliertes Rankingsignal für die Bildersuche und tragen typischerweise dazu bei, Bilder zu passenden Suchbegriffen auffindbar zu machen. Einen garantierten Effekt gibt es nicht, da Rankings von vielen Faktoren abhängen - aber präzise, natürliche Beschreibungen wirken für Barrierefreiheit und SEO in dieselbe Richtung.
Das BFSG sieht bei Verstößen Bußgelder von bis zu 100.000 Euro bei schwerwiegenden und bis zu 10.000 Euro bei leichteren Fällen vor (BFSG § 37). Fehlende Alt-Texte sind einer von mehreren möglichen Mängeln. Wie hoch das konkrete Risiko ist, hängt vom Einzelfall ab; ein strukturiertes Audit schafft hier Klarheit.