Wichtigste Erkenntnisse
-
Alt text ist eine Bildbeschreibung im HTML-Attribut
alt="". Screenreader lesen ihn vor; Browser zeigen ihn als Fallback an. - Google ranking: Alt-Texte sind ein offizieller Ranking-Faktor für die Google-Bildersuche. E-Commerce-Websites generieren bis zu 22,6 % ihres organischen Traffics über Bilder.
- Gesetzliche Anforderung: Seit dem 28. Juni 2025 schreibt der European Accessibility Act (EAA) barrierefreie Online-Shops vor – Alt-Texte für informative Bilder sind eine grundlegende Anforderung der WCAG 2.1. In Deutschland drohen Bußgelder von bis zu 100.000 Euro; in den USA gab es im Jahr 2024 mehr als 4.500 Klagen nach dem ADA.
- Optimale Länge: 80–125 Zeichen. Präzise, schlüsselwortrelevant, ohne „Bild von“
-
Dekorative Bilder: Leeres Alt-Attribut (
alt="") – lassen Sie es nicht vollständig weg.
1. Was ist Alt-Text? Definition & Grundlagen
Alt-Text (kurz für Alternativtext, auch Alt-Tag, Alt-Attribut oder Alt-Beschreibung genannt) ist eine kurze Textbeschreibung, die einem Bild im HTML-Code einer Website zugeordnet wird. Er beschreibt, was auf dem Bild zu sehen ist – für Menschen, die das Bild nicht sehen können, und für Suchmaschinen, die Bilder nicht „verstehen“ können.
Das Konzept existiert seit den Anfängen des World Wide Web: Bereits 1995 wurde das alt-Attribut in die HTML-2.0-Spezifikation aufgenommen. Damals ging es primär darum, bei langsamen Verbindungen einen Platzhaltertext anzuzeigen, während Bilder noch luden. Heute ist der Alt-Text ein fundamentaler Baustein für drei Disziplinen gleichzeitig: Barrierefreiheit, Suchmaschinenoptimierung und – seit 2025 – gesetzliche Compliance.
Technisch betrachtet ist der Alt-Text ein Attribut des HTML-<img>-Tags. So sieht er im Quellcode aus:
<img src="rotes-kleid-sommer.jpg" alt="Rotes Sommerkleid mit V-Ausschnitt aus leichtem Chiffon, Modell dreht sich zur Seite">Der Alt-Text ist im normalen Browsing unsichtbar. Er wird in drei Situationen aktiv:
Bei langsamen Verbindungen, blockierten Bildern (z.B. in E-Mail-Clients) oder Serverfehlern erscheint der Alt-Text als Fallback. Der Nutzer weiß zumindest, was das Bild zeigen sollte.
Blinde und sehbehinderte Nutzer verwenden Vorlese-Software wie JAWS, NVDA oder Apples VoiceOver. Stößt der Screenreader auf ein <img>-Tag, liest er den Alt-Text vor. Ohne Alt-Text ist das Bild für diese Nutzer unsichtbar – oder schlimmer: Der Screenreader liest den kryptischen Dateinamen vor (z.B. „IMG_20240315_142037_HDR.jpg“).
Googlebot kann Bilder inzwischen visuell analysieren (via Google Lens-Technologie), verlässt sich aber immer noch primär auf den Alt-Text, um den Bildinhalt zu verstehen und in der Bildersuche zu indexieren. Alt-Text ist laut Google’s John Mueller „extrem hilfreich“ für das Ranking in der Bildersuche.
Merke: Alt-Text ist keine optionale Verzierung – er ist ein fundamentaler Bestandteil jedes informativen Bildes im Web. Seit dem Inkrafttreten des BFSG am 28. Juni 2025 ist er für die meisten B2C-Unternehmen in Deutschland sogar gesetzlich vorgeschrieben.
2. Warum ist Alt-Text wichtig? Die 3 entscheidenden Gründe
Grund 1: Barrierefreiheit – 558.000 Menschen in Deutschland sind darauf angewiesen
Laut Statistischem Bundesamt leben in Deutschland 558.725 blinde oder sehbehinderte Menschen (Stand: Dezember 2021). Weltweit sind es über 2,2 Milliarden Menschen mit einer Form von Sehbeeinträchtigung (WHO). Hinzu kommen Millionen älterer Menschen mit nachlassender Sehkraft, die von barrierefreien Websites profitieren.
Wichtig zu verstehen: 97% aller Behinderungen werden im Laufe des Lebens erworben – sie sind nicht angeboren. Viele blinde Menschen konnten einmal sehen und haben ein visuelles Verständnis der Welt. Ein guter Alt-Text hilft ihnen, sich das Bild vorzustellen. „Golden Retriever mit rotem Halsband auf einer grünen Wiese“ erzeugt ein Bild im Kopf – „Hund“ dagegen nicht.
Screenreader verarbeiten Alt-Texte immer „am Stück“ – der Nutzer kann nicht zurückspringen oder pausieren wie bei normalem Text. Deshalb ist Kürze und Präzision so entscheidend. Die Accessibility-Fachstelle der Universität Toronto empfiehlt maximal 115 Zeichen für deutsche Alt-Texte (im Englischen 90 Zeichen, wegen kürzerer Wörter). In der Praxis haben sich 80-125 Zeichen als optimaler Bereich etabliert.
Grund 2: SEO – 22,6% aller Suchen sind Bildersuchen
Die Google-Bildersuche ist die zweitgrößte Suchmaschine der Welt – größer als YouTube und Bing zusammen. Laut Sparktoro-Analysen finden 22,6% aller Suchanfragen über die Bildersuche statt. Für E-Commerce-Websites ist dieser Kanal besonders wertvoll: Nutzer, die über Google Bilder ein Produkt finden, haben oft eine deutlich höhere Kaufabsicht als bei normalen textbasierten Suchen.
Alt-Text ist der wichtigste Ranking-Faktor für die Bildersuche. Google’s John Mueller hat in mehreren Statements betont: „Alt text is extremely helpful for Google Images — if you want your images to rank there.“ Ohne Alt-Text sind Ihre Bilder für Google praktisch unsichtbar. Sie verschenken einen Traffic-Kanal, den Ihre Wettbewerber möglicherweise bereits nutzen.
Zusätzlich zeigt Google zunehmend Bilder direkt in den regulären Suchergebnissen – nicht nur in der Bildersuche. Produktbilder erscheinen als Rich Results mit Thumbnail, Preis und Bewertung. Gut optimierte Alt-Texte können die Klickrate Ihrer regulären Suchergebnisse signifikant steigern.
Grund 3: Gesetzliche Pflicht – BFSG, EAA & ADA
Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG), die nationale Umsetzung des European Accessibility Act (EAA). Alle Unternehmen, die digitale Dienstleistungen für Verbraucher anbieten – also Online-Shops, Buchungsportale, Banking-Anwendungen, Streaming-Dienste – müssen ihre Websites nach WCAG 2.1 Level AA barrierefrei gestalten. Alt-Texte für alle informativen Bilder sind dabei eine der grundlegendsten Anforderungen (WCAG-Kriterium 1.1.1 „Non-text Content“).
Die Konsequenzen bei Nichteinhaltung sind real und messbar: Bußgelder bis zu €100.000 nach §37 BFSG, Vertriebsverbote durch Marktüberwachungsbehörden und wettbewerbsrechtliche Abmahnungen nach dem UWG. Seit August 2025 sind die ersten professionellen Abmahnwellen dokumentiert – die Kanzlei CLAIM RA GmbH versendet systematisch Abmahnungen wegen BFSG-Verstößen, ca. €595 pro Schreiben. Fehlende Alt-Texte gehören dabei zu den häufigsten Beanstandungen, weil sie maschinell besonders einfach zu erkennen sind.
In den USA droht parallel das ADA-Risiko: Über 4.500 ADA-Klagen im Jahr 2024, mit durchschnittlichen Vergleichssummen von $25.000+. In Frankreich wurden im November 2025 die ersten vier Einzelhändler wegen EAA-Verstößen verklagt (Auchan, Carrefour, E.Leclerc, Picard).
Wichtig: Die Kleinunternehmer-Ausnahme (unter 10 Mitarbeiter UND unter €2 Mio. Umsatz) schützt nur vor dem BFSG selbst – nicht vor Abmahnungen durch Wettbewerber nach dem UWG. Auch kleine Online-Shops sollten Alt-Texte implementieren.
3. Alt Text vs. Title Tag vs. Caption vs. Filename
Rund um Bilder im Web gibt es vier verschiedene Text-Elemente, die häufig verwechselt werden. Jedes hat einen anderen Zweck – und nur eines davon ist wirklich entscheidend:
| Element | HTML | Sichtbar? | SEO? | Screenreader? | Zweck |
|---|---|---|---|---|---|
| Alt Text ⭐ | alt="..." | Nur bei Ladefehler | Sehr hoch | Ja, wird vorgelesen | Beschreibt Bildinhalt für Screenreader & Google |
| Title Tag | title="..." | Tooltip bei Hover | Gering | Meist ignoriert | Zusatzinfo beim Maus-Überfahren |
| Caption | <figcaption> | Ja, für alle | Mittel | Ja, wird vorgelesen | Sichtbare Bildunterschrift |
| Filename | src="name.jpg" | Nein | Mittel | Nur wenn alt fehlt | Name der Bilddatei auf dem Server |
Die klare Priorität: Der Alt-Text ist das mit Abstand wichtigste Element. Investieren Sie hier Ihre Zeit. Der Dateiname sollte beschreibend sein (z.B. rotes-sommerkleid-chiffon.jpg statt IMG_2024.jpg), der Title-Tag ist optional, und Captions sind nur dann sinnvoll, wenn sie dem sichtbaren Leser einen zusätzlichen Mehrwert bieten.
Häufiger Fehler: Alt-Text und Caption identisch machen. Das ist redundant – Screenreader-Nutzer hören dann denselben Text zweimal. Besser: Der Alt-Text beschreibt das Bild, die Caption ordnet es in den Kontext ein (z.B. Alt: „Golden Retriever springt über einen Baumstamm“, Caption: „Unser Hund Max beim Waldspaziergang im Oktober 2025″).
4. Alt-Text richtig schreiben: 10 goldene Regeln
Diese zehn Regeln basieren auf den WCAG 2.1 Guidelines, Googles SEO-Dokumentation und den Empfehlungen von Accessibility-Experten. Befolgen Sie alle zehn und Ihre Alt-Texte sind sowohl für Screenreader als auch für Google optimal.
Stellen Sie sich vor, Sie beschreiben das Bild jemandem am Telefon. Was ist die zentrale Information? Was muss der Nutzer wissen, um den Kontext des Artikels zu verstehen? Beginnen Sie mit dem Hauptmotiv, dann Details.
JAWS (der meistgenutzte Screenreader) schneidet bei ca. 125 Zeichen ab. Die Universität Toronto empfiehlt für deutsche Texte maximal 115 Zeichen. Braillezeilen haben Standardbreiten von 40 bzw. 80 Zeichen. Faustregel: Ein bis zwei Sätze, maximal drei kurze.
Screenreader kündigen automatisch an: „Grafik: …“. „Bild von einem Hund“ wird dann zu „Grafik: Bild von einem Hund“ – redundant. Schreiben Sie direkt die Beschreibung. Ausnahme: Wenn der Bildtyp relevant ist, z.B. „Ölgemälde von Monet“ oder „Screenshot des WordPress-Dashboards“.
Wenn Ihr Focus-Keyword natürlich in die Bildbeschreibung passt, bauen Sie es ein. Aber erzwingen Sie es nie. Gut: „Rotes Sommerkleid mit V-Ausschnitt aus leichtem Chiffon“. Schlecht: „Kleid rot Sommerkleid kaufen günstig Damenmode online bestellen“. Keyword-Stuffing schadet sowohl SEO als auch Barrierefreiheit.
Hintergrundmuster, Trennlinien, Icons ohne Informationsgehalt, rein atmosphärische Stockfotos: Setzen Sie alt="". Der Screenreader überspringt das Bild. Wichtig: alt="" (leeres Attribut) ist nicht dasselbe wie ein fehlendes Alt-Attribut! Ohne Attribut lesen manche Screenreader den Dateinamen vor.
Dasselbe Bild braucht je nach Seite verschiedene Alt-Texte. Ein Eiffelturm-Foto auf einer Architektur-Seite: „Eiffelturm, 324m hoher Eisenfachwerk-Turm, erbaut 1889 von Gustave Eiffel“. Auf einer Reise-Seite: „Eiffelturm bei Sonnenuntergang vom Trocadéro-Platz aus fotografiert“. Auf einer Seite über Pariser Wahrzeichen braucht er gar keinen Alt-Text, wenn er rein dekorativ neben dem Text steht.
Enthält das Bild Text (Banner, Infografik, Schild, CTA-Button als Bild), muss dieser Text im Alt-Text stehen. Sonst geht die Information für Screenreader-Nutzer komplett verloren. Beispiel: Bild eines Sale-Banners → alt="Summer Sale: 30% Rabatt auf alle Kleider, gültig bis 31. August".
Wenn ein Bild gleichzeitig ein Link ist (z.B. Produktbild → Produktseite), muss der Alt-Text das Linkziel beschreiben – nicht nur das Bild. Für einen Shop: alt="Summer Breeze Kleid in Rot – zur Produktseite" statt nur alt="rotes Kleid".
Screenreader können Emojis vorlesen (z.B. „Lächelndes Gesicht“), was mitten in einem Alt-Text irritierend wirkt. Hashtags funktionieren nicht als solche. URLs verschwenden Zeichen und sind unhilfreich. Halten Sie den Alt-Text in klarem, natürlichem Deutsch.
Alt-Texte werden selten durch Korrekturlese-Workflows geschickt. Aber Screenreader lesen sie genau so vor, wie sie geschrieben sind – inklusive Tippfehler. Ein „Golen Retriver“ klingt für blinde Nutzer unprofessionell. Tipp: Schreiben Sie Alt-Texte in einem Texteditor mit Rechtschreibprüfung und kopieren Sie sie dann ins CMS.
5. Alt-Text Beispiele: Gut vs. Schlecht
Die folgenden Beispiele zeigen den Unterschied zwischen schlechtem, mittelmäßigem und optimalem Alt-Text – jeweils für verschiedene Bildtypen, wie sie typischerweise auf Websites und in Online-Shops vorkommen.
Bild: Roter Lederrucksack auf weißem Hintergrund, Frontalansicht
alt="Bild von Rucksack" alt="Rucksack rot kaufen günstig Leder Herren Damen online" alt="Roter Rucksack" alt="Urban Explorer Rucksack in Rot – Echtes Leder mit Reißverschluss und gepolstertem Laptop-Fach, Frontalansicht" Warum ✅? Enthält Produktnamen, Material, Farbe und Features. Perfekt für Google Shopping und die Bildersuche. Der Name „Urban Explorer“ macht das Bild in der Suche auffindbar.
Bild: Geschäftsführerin vor einem Büro-Hintergrund
alt="portrait.jpg" alt="Frau im Büro" alt="Anna Müller, Geschäftsführerin der Firma XY, lächelt in die Kamera" Bei Personen: Name und Funktion nennen, wenn bekannt und relevant. Blinde Menschen freuen sich über Details, die ihnen helfen, sich die Person vorzustellen.
Bild: Balkendiagramm mit E-Commerce-Wachstumsraten 2020-2025
alt="Diagramm" alt="Balkendiagramm: E-Commerce-Umsatz in Deutschland, Anstieg von €72 Mrd. (2020) auf €98 Mrd. (2025)" Tipp: Bei komplexen Infografiken den Alt-Text auf die Kernaussage beschränken und die Detaildaten im umliegenden Fließtext oder in einer Datentabelle zugänglich machen.
Bild: WordPress Mediathek mit Alt-Text-Feld
alt="screenshot1.png" alt="Screenshot der WordPress-Mediathek mit markiertem Alt-Text-Eingabefeld auf der rechten Seite" Bild: Farbverlauf als Sektions-Trenner / atmosphärisches Headerbild
alt="Schöner bunter Farbverlauf von Blau nach Lila" alt="" Dekorative Bilder ohne Informationsgehalt erhalten ein leeres Alt-Attribut. Der Screenreader überspringt sie – genau richtig, denn sie würden den Lesefluss nur stören.
6. Alt-Text für E-Commerce: Produktbilder richtig beschreiben
Dieser Abschnitt ist speziell für Online-Shop-Betreiber. Produktbilder haben besondere Anforderungen – und bieten das größte SEO-Potenzial aller Bildtypen.
Produktbilder sind das Herzstück jedes Online-Shops. Kunden können Produkte nicht anfassen, drehen oder riechen – sie verlassen sich komplett auf Bilder. Umso wichtiger ist es, dass diese Bilder auch für Google und für sehbehinderte Kunden „sichtbar“ sind. Ein optimierter Produkt-Alt-Text kann den entscheidenden Unterschied machen, ob ein Kunde Ihr Produkt über die Google Bildersuche findet – oder das Ihres Wettbewerbers.
Die Produkt-Alt-Text-Formel
Für Produktbilder in Online-Shops hat sich eine Formel, die sowohl SEO als auch Barrierefreiheit optimal bedient:
[Produktname] in [Farbe] — [Produkttyp] aus [Material], [Ansicht/Besonderheit]Angewandt auf verschiedene Produktkategorien:
| Industry | Alt Text Example |
|---|---|
| Mode | Summer Breeze Kleid in Rot – Leichtes Chiffon-Sommerkleid mit V-Ausschnitt, getragen von Model |
| Schuhe | Oxford Business-Schuh Milano in Schwarz – Poliertes Glattleder, seitliche Ansicht |
| Elektronik | ProMax Laptop 15 Zoll in Space Grey – Aufgeklappt auf Schreibtisch, Bildschirm zeigt Desktop |
| Möbel | Eames Lounge Chair Replik in Nussbaum und schwarzem Leder – Seitenansicht im Wohnzimmer |
| Lebensmittel | Bio-Honig aus dem Schwarzwald im 500g-Glas mit Holzdeckel, goldene Farbe |
Mehrere Bilder pro Produkt: Jedes braucht einen eigenen Alt-Text
Die meisten Produkte haben 3-8 Bilder: Frontalansicht, Seitenansicht, Detail, Anwendung, Verpackung. Jedes Bild braucht einen individuellen Alt-Text – kopieren Sie nicht denselben Text für alle Bilder. Variieren Sie die Perspektive und die beschriebenen Details:
Bild 1: alt="Urban Explorer Rucksack in Rot – Frontalansicht, zwei Reißverschlussfächer sichtbar"
Bild 2: alt="Urban Explorer Rucksack in Rot – Rückseite mit gepolsterten Tragegurten und Brustgurt"
Bild 3: alt="Urban Explorer Rucksack in Rot – Innenansicht mit Laptop-Fach für 15-Zoll-Geräte"
Bild 4: alt="Urban Explorer Rucksack in Rot – getragen von Person auf Stadtspaziergang"
Variationsbilder in WooCommerce & Shopware
Produkte mit Farbvarianten oder Größenvarianten haben eigene Bilder pro Variante. Jede Variante braucht ihren eigenen Alt-Text mit der spezifischen Farbe/Größe/Ausführung. „Rucksack“ für alle Farbvarianten zu verwenden verschenkt SEO-Potenzial – „Urban Explorer Rucksack in Blau“, „in Schwarz“, „in Rot“ sind jeweils eigene Suchanfragen.
Das Skalierungsproblem: 500 Produkte × 5 Bilder = 2.500 Alt-Texte
Das ist die Realität der meisten Online-Shops: Hunderte oder Tausende Produktbilder ohne Alt-Text. Manuelles Schreiben dauert bei 2.500 Bildern ca. 50-100 Arbeitsstunden (bei 2-3 Minuten pro Bild). Bei einer Agentur-Rate von €100/Stunde sind das €5.000-10.000 – und mit jedem neuen Produkt geht es von vorne los.
Genau dieses Problem löst KI-gestützte Alt-Text-Generierung. Tools wie AutoAlt.ai analysieren das Bild visuell, erkennen den Produktkontext (Name, Kategorie, Attribute) direkt aus Ihrem Shop-System und generieren SEO-optimierte Alt-Texte automatisch – inklusive Produktname und relevanten Keywords. 2.500 Bilder in unter einer Stunde statt in 100 Arbeitsstunden.
7. Alt-Text und SEO: So steigern Sie Ihren Bildersuche-Traffic
Die Google Bildersuche generiert 22,6% aller Suchanfragen weltweit. Für E-Commerce-Websites ist das ein enormer Traffic-Kanal, der oft sträflich vernachlässigt wird. Mit optimierten Alt-Texten können Sie Ihren organischen Traffic aus der Bildersuche um 15-25% steigern – ohne einen Cent für Ads auszugeben.
7.1 Wie Google Bilder indexiert
Google verwendet mehrere Signale, um den Inhalt eines Bildes zu verstehen und in der Bildersuche zu ranken. In der Reihenfolge ihrer Bedeutung:
Alt-Text – Das stärkste Signal. Direkt vom Webmaster als Bildbeschreibung definiert.
Umliegender Text – Der Absatz, in dem das Bild eingebettet ist. Google liest den Kontext mit.
Dateiname – „rotes-sommerkleid-chiffon.jpg“ hilft, „IMG_2024.jpg“ nicht.
Seiten-Title & Meta – Das übergeordnete Thema der Seite gibt dem Bild Kontext.
Visuelle KI (Google Lens) – Seit 2023 kann Google Bildinhalte visuell analysieren, nutzt dies aber ergänzend, nicht primär.
7.2 Keywords im Alt-Text: Best Practices für SEO
Das Einbauen von Keywords in Alt-Texte ist eine der effektivsten On-Page-SEO-Maßnahmen für Bilder. Aber es gibt eine klare Grenze zwischen sinnvoller Keyword-Integration und schädlichem Keyword-Stuffing.
- „Rotes Sommerkleid mit V-Ausschnitt aus leichtem Chiffon, ideal für Strandurlaub"
- → Keywords natürlich integriert: Sommerkleid, V-Ausschnitt, Chiffon, Strandurlaub
- „WordPress Dashboard mit AutoAlt.ai Plugin – Bulk-Alt-Text-Generator verarbeitet 140 Bilder"
- → Produktname + Feature natürlich eingebaut
- „Kleid rot Sommerkleid kaufen günstig Damenmode online bestellen Sale Angebot"
- → Keine Beschreibung, nur Keywords. Schadet SEO UND Barrierefreiheit.
- „Alt-Text SEO WordPress Plugin Alt-Tag Generator Bild-Beschreibung Tool"
- → Beschreibt nicht das Bild, sondern listet Keywords auf.
7.3 Rich Snippets & Product Images in den SERPs
Google zeigt zunehmend Bilder direkt in den regulären Suchergebnissen – nicht nur im „Bilder“-Tab. Produktbilder mit optimiertem Alt-Text und korrektem Schema-Markup (Product-Schema mit image-Attribut) erscheinen als Rich Results mit Thumbnail, Preis, Verfügbarkeit und Bewertungssternen. Das steigert die Klickrate (CTR) signifikant gegenüber reinen Text-Ergebnissen.
Für WooCommerce-Shops mit Yoast SEO oder Rank Math wird das Product-Schema automatisch generiert – aber nur, wenn die Bilder auch Alt-Texte haben. Ohne Alt-Text versteht Google nicht, was das Bild zeigt, und zeigt kein Thumbnail in den SERPs an.
7.4 Bilder-SEO Checkliste: Mehr als nur Alt-Text
Alt-Text ist der wichtigste, aber nicht der einzige Faktor für Bilder-SEO. Für ein vollständiges Bild:
✓ Dateiname beschreibend – rotes-sommerkleid-chiffon.jpg statt IMG_2024.jpg
✓ Alt-Text optimiert – Beschreibend, mit natürlichen Keywords, unter 125 Zeichen
✓ Dateigröße komprimiert – WebP-Format, unter 200KB für Produktbilder
✓ Responsive Bilder – srcset-Attribut für verschiedene Bildschirmgrößen
✓ Lazy Loading – Bilder erst laden wenn sie in den Viewport scrollen
✓ Bilder-Sitemap – Google mitteilen welche Bilder indexiert werden sollen
✓ Schema-Markup – Product-Schema mit image-Attribut für Rich Snippets
8. Alt-Text Pflicht 2026: BFSG, EAA & ADA – Rechtslage & Bußgelder
Seit dem 28. Juni 2025 ist Barrierefreiheit im Web keine freiwillige Leistung mehr – sie ist Gesetz. Und fehlende Alt-Texte sind einer der häufigsten und am einfachsten nachweisbaren Verstöße. Hier die drei relevanten Regelwerke und was sie konkret für Alt-Texte bedeuten:
🇩🇪 BFSG – Barrierefreiheitsstärkungsgesetz (Deutschland)
Das BFSG ist die deutsche Umsetzung des European Accessibility Act (EAA). Es gilt seit dem 28. Juni 2025 für alle B2C-Dienstleistungen: Online-Shops, Buchungsportale, Banking, Streaming, E-Reader. Der maßgebliche technische Standard ist WCAG 2.1 Level AA, referenziert über die europäische Norm EN 301 549.
Bußgelder: Bis zu €100.000 (§37 BFSG). Dokumentationsmängel bis zu €10.000. Zusätzlich möglich: Vertriebsverbote durch Marktüberwachungsbehörden der Länder.
Wettbewerbsrechtlich: BFSG-Verstöße können als unlauterer Wettbewerb (§3a UWG) gewertet werden. Abmahnungen durch Wettbewerber oder Verbände sind möglich und seit August 2025 Realität.
Konkret für Alt-Text: WCAG 1.1.1 „Non-text Content“ fordert, dass alle informativen Bilder eine Textalternative haben. Das bedeutet: Jedes Produktbild, jeder informative Screenshot, jede Infografik braucht einen Alt-Text. Seit Januar 2026 prüft die Marktüberwachungsstelle (MLBF) aktiv die Einhaltung.
🇪🇺 EAA – European Accessibility Act (EU-weit)
Der EAA ist die EU-Richtlinie hinter dem BFSG. Er gilt in allen 27 EU-Mitgliedsstaaten, wobei jedes Land eigene Bußgeldregelungen hat. Die Spannweite ist enorm:
- Spanien: Bis zu €1.000.000
- Niederlande: Bis zu €900.000 oder 10% des Jahresumsatzes
- Frankreich: Bis zu €250.000 (4 Händler bereits verklagt, November 2025)
- Irland: Bis zu €200.000 + strafrechtliche Konsequenzen
- Deutschland: Bis zu €100.000
🇺🇸 ADA – Americans with Disabilities Act (USA)
In den USA wird Website-Barrierefreiheit nicht über Behörden, sondern über private Klagen durchgesetzt. Die Zahlen sprechen für sich:
- 4.500+ ADA-Klagen allein im Jahr 2024 (Tendenz steigend)
- Durchschnittliche Vergleichssumme: $25.000+
- Fehlende Alt-Texte sind einer der Top-3-Klagegründe, weil sie maschinell einfach nachweisbar sind
- Klagen treffen Unternehmen jeder Größe – von lokalen Shops bis zu Fortune-500-Unternehmen
⚖️ Seit August 2025 dokumentiert: Die Kanzlei CLAIM RA GmbH versendet Massenabmahnungen wegen BFSG-Verstößen – ca. €595 pro Schreiben. Fehlende Alt-Texte gehören zu den Top-Beanstandungen, weil automatisierte Tools (wie WAVE, axe oder Lighthouse) sie in Sekunden finden.
Die Ironie: Alt-Texte hinzuzufügen ist eine der günstigsten und schnellsten Barrierefreiheitsmaßnahmen. Während Tastaturnavigation, Farbkontraste oder Formular-Barrierefreiheit oft größere Umbauarbeiten erfordern, können Alt-Texte per KI in Minuten generiert werden. Es gibt kaum einen schlechteren Grund für eine Abmahnung als fehlende Alt-Texte.
→ Was tun wenn die EAA-Deadline verpasst wurde? Sofortmaßnahmen
9. Alt-Text in WordPress & WooCommerce setzen (Anleitung)
WordPress ist das beliebteste CMS der Welt (43% aller Websites), WooCommerce der beliebteste Online-Shop (68% aller WordPress-Shops). Hier drei Wege, Alt-Texte zu setzen – vom manuellen Einzelbild bis zur automatisierten Massenverarbeitung.
Weg 1: Manuell im Block-Editor (Gutenberg)
Klicken Sie im WordPress-Editor auf ein Bild. In der rechten Seitenleiste unter „Block-Einstellungen“ finden Sie das Feld „Alt-Text (alternativer Text)“. Geben Sie dort Ihre Beschreibung ein und speichern Sie den Beitrag. Diese Methode eignet sich für einzelne Bilder in Blog-Artikeln und Seiten.
Weg 2: In der Mediathek (für bestehende Bilder)
Gehen Sie zu Medien → Bibliothek. Klicken Sie auf ein Bild. Auf der rechten Seite sehen Sie das Feld „Alternativer Text“. Änderungen werden automatisch gespeichert. Vorteil: Sie können systematisch durch Ihre Mediathek gehen und fehlende Alt-Texte ergänzen. Nachteil: Bei 500+ Bildern extrem zeitaufwändig.
Weg 3: WooCommerce Produktbilder
WooCommerce-Produktbilder werden über Produkte → Produkt bearbeiten verwaltet. Im Bereich „Produktbild“ (rechts) und „Produktgalerie“ (rechts darunter) klicken Sie auf ein Bild, um es in der Mediathek zu öffnen. Dort füllen Sie das Alt-Text-Feld aus. Wichtig: Jedes Galerie-Bild und jedes Variationsbild braucht einen eigenen Alt-Text.
Yoast SEO & Rank Math Tipp: Wenn Sie ein Focus-Keyword in Yoast SEO oder Rank Math setzen, prüfen beide Plugins automatisch, ob das Keyword in mindestens einem Alt-Text auf der Seite vorkommt. Nutzen Sie diesen Check als Erinnerung, Ihre Alt-Texte zu optimieren.
Weg 4: Automatisch per Plugin (für 100+ Bilder)
Bei Hunderten oder Tausenden von Bildern ist manuelles Schreiben unpraktisch. Das WordPress-Plugin AutoAlt.ai generiert Alt-Texte per KI – beim Upload automatisch oder per Bulk für die gesamte Mediathek. Es erkennt WooCommerce-Produktnamen und integriert sie intelligent in den Alt-Text. Kompatibel mit Yoast SEO, Rank Math, All in One SEO, WPML und Polylang. Alle generierten Alt-Texte werden als echte HTML-Alt-Attribute gespeichert – sie bleiben erhalten, auch wenn Sie das Plugin deaktivieren.
→ WooCommerce-Integration im Detail
10. Alt-Text in Shopware 6 setzen (Anleitung)
In Shopware 6 finden Sie das Alt-Text-Feld an mehreren Stellen im Admin-Backend:
Produktbilder: Kataloge → Produkte → Produkt bearbeiten → Reiter „Medien“. Klicken Sie auf ein Bild, um das Feld „Alternative Beschreibung“ zu öffnen.
Kategoriebilder: Kataloge → Kategorien → Kategorie bearbeiten → Bild-Upload → Alt-Text-Feld.
Erlebniswelten (CMS): Im jeweiligen Block auf das Bild klicken → Einstellungen → Alt-Text eingeben.
Hersteller-Logos: Kataloge → Hersteller → Hersteller bearbeiten → Logo → Alt-Text.
Das AutoAlt.ai Shopware Plugin ist das einzige KI-gestützte Alt-Text-Plugin im Shopware Store. Es verarbeitet Produktbilder, Kategoriebilder und CMS-Medien automatisch – per Bulk oder beim Upload. Besonders für Shopware-Shops mit mehrsprachigen Storefronts ist die automatische Übersetzung in alle Shop-Sprachen ein enormer Zeitsparer.
11. Alt-Text automatisch generieren mit KI
Künstliche Intelligenz hat die Alt-Text-Erstellung grundlegend verändert. Moderne multimodale KI-Modelle wie GPT-4o und Google Gemini können Bilder visuell analysieren und beschreibende, kontextbezogene Texte generieren, die den meisten manuell geschriebenen Alt-Texten ebenbürtig oder überlegen sind – bei einem Bruchteil der Kosten und in einem Bruchteil der Zeit.
Wie funktioniert KI-Alt-Text-Generierung?
Die KI erhält das Bild als Input und analysiert den visuellen Inhalt: Objekte, Personen, Farben, Text im Bild, Szene und Komposition. Spezialisierte Tools wie AutoAlt.ai gehen zwei Schritte weiter: Sie lesen den Seitenkontext aus dem CMS (Produktname, Kategorie, Attribute, Focus-Keywords) und kombinieren diese Informationen mit der visuellen Analyse. Das Ergebnis ist ein Alt-Text, der sowohl visuell korrekt als auch SEO-optimiert und kontextbezogen ist.
Der Vergleich: Manuell vs. KI
| Kriterium | Manuell (Agentur/Intern) | KI (z.B. AutoAlt.ai) |
|---|---|---|
| Geschwindigkeit (1.000 Bilder) | 40-80 Arbeitsstunden | 15–30 Minuten |
| Kosten (1.000 Bilder) | €4.000-8.000 (bei €100/h) | €45 (Profi Credit Pack) |
| Konsistenz | Variiert je nach Texter/Tag | Einheitlicher Stil |
| SEO-Optimierung | Abhängig vom SEO-Wissen des Texters | Automatisch (Keywords, Produktnamen) |
| Mehrsprachig | Separater Übersetzer nötig (+Kosten) | 130+ Sprachen inklusive |
| CMS-Integration | Copy-paste into each field | Direkt in WordPress/Shopware |
| Nachbearbeitung | Ja | Ja (kostet keine Credits) |
Worauf Sie bei KI-Tools achten sollten
Nicht alle KI-Alt-Text-Tools sind gleich. Achten Sie auf folgende Kriterien:
✓ CMS-Integration – Direkt in WordPress/WooCommerce/Shopware, nicht nur als Web-Tool
✓ Produktkontext – Erkennt das Tool Produktnamen und -kategorien automatisch?
✓ Echte HTML-Alt-Attribute – Werden die Texte als echte alt-Tags gespeichert, oder nur als Overlay?
✓ Bulk-Verarbeitung – Kann das Tool Hunderte Bilder auf einmal verarbeiten?
✓ Nachbearbeitung – Können generierte Texte kostenlos bearbeitet werden?
✓ Datenschutz – Wo werden Bilder verarbeitet? DSGVO-konform? Werden Bilder nach Verarbeitung gelöscht?
✓ Übersetzungen inklusive? – Manche Tools berechnen pro Sprache extra (z.B. AltText.ai: 1 Credit pro Zusatzsprache)
→ Vergleich: Die 7 besten Alt-Text-Tools 2026 im Detail
Alt-Texte in Minuten statt Wochen
12. Alt Text Checklist: 5-Minute Website Audit
Nutzen Sie diese Checkliste, um den Alt-Text-Status Ihrer Website schnell zu überprüfen. Prüfen Sie zuerst Ihre wichtigsten Seiten (Homepage, Top-Produktseiten, Kategorieseiten) – dort ist der Impact am größten.
Fehlende Alt-Texte finden: Öffnen Sie Ihre Website in Chrome → F12 (Entwicklertools) → Lighthouse → Accessibility-Test starten. Oder nutzen Sie den kostenlosen AutoAlt.ai Scanner.
Alle Produktbilder haben Alt-Texte: Haupt-Produktbild, Galeriebilder UND Variationsbilder. Jedes Bild einen individuellen Text.
Produktnamen sind im Alt-Text: Nicht nur „roter Schuh“, sondern „Oxford Business-Schuh Milano in Schwarz“.
Kein Keyword-Stuffing: Alt-Texte lesen sich wie natürliche deutsche Sätze, nicht wie Keyword-Listen.
Dekorative Bilder haben alt="" Hintergründe, Trennlinien, Icons ohne Info → leeres Alt-Attribut.
Alt-Texte unter 125 Zeichen: Stichprobe bei 10 Bildern – sind alle kurz genug für Screenreader?
Kein „Bild von“ am Anfang: Screenreader sagen schon „Grafik:“ – „Bild von“ ist redundant.
Text in Bildern wiedergegeben: Banner, Infografiken, Screenshots mit Text → Text im Alt-Text enthalten?
Verlinkte Bilder beschreiben das Linkziel: Bild als Link → Alt-Text beschreibt wohin der Link führt.
Dateinamen beschreibend: „rotes-sommerkleid.jpg“ statt „IMG_2024.jpg“.
13. Häufige Fragen (FAQ)
Wie lang sollte ein Alt-Text sein?
Idealerweise 80-125 Zeichen. Die Accessibility-Fachstelle der Universität Toronto empfiehlt maximal 115 Zeichen für deutsche Texte. JAWS (der meistgenutzte Screenreader) kann zwar längere Texte verarbeiten, aber der Text wird immer komplett am Stück vorgelesen – zu lang ist ermüdend. Für komplexe Bilder wie Infografiken: Alt-Text kurz halten, Details im umliegenden Text erklären.
Braucht jedes Bild einen Alt-Text?
Nein. Nur informative Bilder brauchen einen beschreibenden Alt-Text. Rein dekorative Bilder (Hintergrundmuster, Trennlinien, atmosphärische Icons) erhalten ein leeres Alt-Attribut: alt="". Das ist nicht dasselbe wie ein fehlendes Attribut – ein leeres Attribut signalisiert dem Screenreader, das Bild zu überspringen.
Sind Alt-Texte seit dem BFSG Pflicht?
Ja, für alle Unternehmen die unter das BFSG fallen (B2C-Online-Shops, Buchungsportale, Banking, Streaming). Alt-Texte sind ein zentraler Bestandteil von WCAG 2.1 Level AA (Kriterium 1.1.1). Bußgelder bis €100.000 und Abmahnungen (~€595/Stück) sind seit August 2025 Realität. Seit Januar 2026 prüft die Marktüberwachungsstelle aktiv.
Was passiert wenn ein Bild keinen Alt-Text hat?
Drei Konsequenzen: (1) Screenreader lesen den kryptischen Dateinamen vor oder überspringen das Bild komplett – blinde Nutzer verpassen die Information. (2) Google kann das Bild nicht korrekt indexieren – Sie verlieren Bildersuche-Traffic. (3) Seit dem BFSG riskieren Sie Bußgelder und Abmahnungen, denn fehlende Alt-Texte sind maschinell in Sekunden nachweisbar.
Kann KI gute Alt-Texte schreiben?
Ja. Moderne multimodale KI-Modelle (GPT-4o, Gemini) analysieren Bilder sehr genau. Spezialisierte Tools wie AutoAlt.ai nutzen zusätzlich den CMS-Kontext (Produktname, Kategorie, Focus-Keywords) für SEO-optimierte Texte. Bei Tests sind KI-generierte Alt-Texte oft konsistenter als manuell geschriebene – und kosten einen Bruchteil. Die Texte können jederzeit manuell nachbearbeitet werden.
Wie finde ich fehlende Alt-Texte auf meiner Website?
Mehrere Möglichkeiten: Chrome → F12 → Lighthouse → Accessibility-Audit. SEO-Tools wie Ahrefs Site Audit, Semrush oder Screaming Frog crawlen Ihre Website und listen alle Bilder ohne Alt-Attribut. Browser-Erweiterungen wie „SEO Meta in 1 Click“ zeigen Alt-Texte direkt. Oder nutzen Sie den kostenlosen AutoAlt.ai Accessibility Scanner – er prüft Ihre Seite in Sekunden.
Soll ich „Bild von" oder „Foto von" schreiben?
Nein. Screenreader kündigen automatisch „Grafik:“ an. „Bild von“ ist redundant und verschwendet wertvolle Zeichen. Ausnahme: Wenn der Bildtyp relevant ist – z.B. „Ölgemälde von Monet“ oder „Screenshot des WordPress-Dashboards“ oder „Röntgenaufnahme des linken Knies“.
Gilt die Kleinunternehmer-Ausnahme für Alt-Texte?
Unternehmen mit unter 10 Mitarbeitern UND unter €2 Mio. Umsatz sind von den BFSG-Anforderungen ausgenommen. ABER: Abmahnungen nach dem UWG (Gesetz gegen unlauteren Wettbewerb) sind dennoch möglich – und die Kleinunternehmer-Ausnahme schützt davor nicht. Zudem: Alt-Texte kosten wenig, bringen viel SEO-Traffic. Die Implementierung lohnt sich auch ohne gesetzliche Pflicht.
Wie viel kosten Alt-Texte für meinen Online-Shop?
Manuell: ca. €2-4 pro Bild bei Agentur-Rate (€100/h, 2-3 Min/Bild). Bei 1.000 Bildern = €2.000-4.000. Per KI mit AutoAlt.ai: 50 Credits/Monat dauerhaft kostenlos, dann ab €4,49/Monat (100 Credits) oder €45 einmalig für 1.000 Credits im Profi-Pack. 1 Credit = 1 Bild, alle Sprachversionen inklusive – das ist ein entscheidender Unterschied zu Wettbewerbern, die pro Zusatzsprache extra berechnen.
Welche Alt-Text-Länge empfiehlt Google?
Google gibt keine offizielle Zeichengrenze an, empfiehlt aber in seinen Guidelines „kurz und beschreibend“. In der Praxis haben sich 80-125 Zeichen als optimal erwiesen – lang genug für eine präzise Beschreibung, kurz genug für Screenreader. Google’s John Mueller hat bestätigt: „Alt text is extremely helpful for Google Images.“
Alt-Texte automatisch generieren – kostenlos starten
AutoAlt.ai generiert SEO-optimierte Alt-Texte per KI für WordPress, WooCommerce, Shopware, Joomla und Drupal. BFSG-konform. DSGVO-konform. Made in Germany.
50 Credits/Monat dauerhaft kostenlos • Keine Kreditkarte • 2 Min. Setup