Was ist ein Alt-Text?
Stell dir vor, du liest jemandem deine Website am Telefon vor. Was sagst du, wenn ein Bild kommt? Genau das ist der Alt-Text. Der HTML-Standard schlägt diesen Telefon-Test selbst vor: Ersetzt man jedes Bild durch seinen Alt-Text, darf die Seite nichts an Bedeutung verlieren.
Er steht im Code des Bildes, im Attribut alt, und ist normalerweise unsichtbar. Gebraucht wird er an drei Stellen:
- Screenreader lesen ihn blinden und sehbehinderten Menschen vor.
- Browser zeigen ihn, wenn das Bild nicht lädt.
- Google nennt ihn das wichtigste Attribut, um ein Bild zu verstehen — zusammen mit Bilderkennung und dem Text drumherum. Bei verlinkten Bildern dient er als Ankertext.
Wie sieht ein guter Alt-Text aus?
Google zeigt es in seiner Anleitung zur Bildersuche an einem Welpenfoto. Sinngemäß übersetzt:
Alt-Text
Urteil
fehlt ganz
schlecht
„Welpe Hund Babyhund Welpen Hundefutter billig …“
Spam
„Welpe“
besser
„Dalmatinerwelpe beim Apportieren“
am besten
Wichtig ist dabei: Ein Alt-Text gibt die Aussage des Bildes wieder, nicht jedes Pixel. Das W3C, das die Regeln für Barrierefreiheit im Web schreibt, nennt dafür schöne Beispiele. Ein Telefon-Symbol neben der Nummer bekommt „Telefon“. Ein Stimmungsfoto einer lachenden Familie auf einer Hotelseite bekommt „Wir sind familienfreundlich“ — weil genau das die Botschaft ist.
Sonderfälle
- Dekorative Bilder — Trennlinien, Hintergrundmuster, Schmuckgrafiken — bekommen einen leeren Alt-Text, also alt="". So überspringen Screenreader sie. Das Attribut ganz wegzulassen ist falsch: Dann lesen manche Screenreader den Dateinamen vor.
- Verlinkte Bilder, etwa ein Logo, das zur Startseite führt: Der Alt-Text nennt das Ziel oder den Firmennamen, nicht „Logo“.
- Diagramme und Infografiken: Der Alt-Text fasst die Kernaussage zusammen, die Details gehören in den Text daneben.
- Bilder mit Bildunterschrift: Die Unterschrift nicht im Alt-Text wiederholen.
Wie es im Netz aussieht
Ernüchternd. Die Organisation WebAIM prüft jedes Jahr die Startseiten der eine Million meistbesuchten Websites. 2026 hatten 53,1 % davon Bilder ohne Alt-Text. Das ist nach zu schwachem Kontrast der zweithäufigste Fehler.
WebAIM Million 2026
Startseiten der 1 Mio. größten Websites
66,6
Bilder je Startseite
16,2 %
davon ohne Alt-Text
Im Schnitt 10,8 Bilder pro Seite ohne Alternative
45 % der fehlenden Alt-Texte betreffen verlinkte Bilder — dort fehlt dann auch das Linkziel.
WebAIM Million 2026
Alt-Texte, die da sind, aber nichts sagen
10,8 %
fragwürdige Alt-Texte
53,1 %
Seiten mit fehlenden Alt-Texten
Typisch: „image“, „blank“ oder der Dateiname
Automatische Prüfung; ob ein vorhandener Alt-Text inhaltlich gut ist, misst die Studie nur über solche Platzhalter.
Dazu kommt das Recht. Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG). Seine Verordnung verlangt für nicht-textliche Inhalte eine alternative Darstellung — für Bilder heißt das: Alt-Text. Ausgenommen sind Kleinstunternehmen, die Dienstleistungen anbieten: weniger als zehn Beschäftigte und höchstens 2 Mio. € Jahresumsatz oder Bilanzsumme.
Häufige Fehler
Fehler 1 · Keywords stapeln
Google schreibt ausdrücklich, dass mit Keywords vollgestopfte Alt-Texte eine Seite in den Spam-Verdacht bringen können. Ein Keyword darf rein, wenn es das Bild wirklich beschreibt. Mehr nicht.
Fehler 2 · „Bild von …“ schreiben
Der Screenreader sagt ohnehin an, dass ein Bild kommt. „Bild von einem Bild von einem Hund“ hilft niemandem. Fang direkt mit dem Inhalt an.
Fehler 3 · Dateinamen und Platzhalter
„IMG_0423“ oder „bild1“ als Alt-Text ist schlechter als nichts, weil es den Fehler versteckt. Und wo du schon dabei bist: Google empfiehlt auch beschreibende Dateinamen statt IMG00023.JPG.
Fehler 4 · Der KI blind vertrauen
KI-Generatoren beschreiben, was sie sehen. Sie wissen aber nicht, warum das Bild auf deiner Seite ist. Für das Familienfoto schreiben sie „Familie lacht im Garten“, gemeint war „Wir sind familienfreundlich“. Nutz sie als Entwurf und lies drüber.
Werkzeuge und Vorgehen
- WordPress: Feld „Alternativer Text“ direkt beim Bild in der Mediathek.
- Yoast SEO prüft im Editor, ob deine Bilder Alt-Texte haben und zum Thema passen.
- WAVE (Browser-Erweiterung von WebAIM) und Screaming Frog finden fehlende Alt-Texte auf der ganzen Website.
Häufige Fragen
Wie lang darf ein Alt-Text sein?
Es gibt kein festes Limit. Die oft genannten 125 Zeichen haben keine belastbare Quelle; Screenreader brechen längere Texte nur in Abschnitte. Faustregel: ein paar Wörter, selten ein kurzer Satz. Braucht es mehr, gehört die Erklärung in den Text.
Gehört das Keyword in den Alt-Text?
Nur, wenn es das Bild wirklich beschreibt. Ein Foto deiner Werkstatt darf „Kfz-Werkstatt in Kiel“ heißen, wenn es die Werkstatt zeigt. Dasselbe Keyword unter jedem Bild ist Keyword-Stuffing.
Was ist der Unterschied zwischen Alt-Text und title-Attribut?
Der Alt-Text ersetzt das Bild. Das title-Attribut zeigt einen Tooltip beim Drüberfahren mit der Maus — per Tastatur oder auf dem Handy ist es kaum erreichbar. Es ist kein Ersatz für den Alt-Text, und denselben Text in beide zu schreiben, führt bei manchen Screenreadern zu doppelter Ansage.
Erkennt Google meine Bilder nicht sowieso per KI?
Teilweise. Google nutzt Bilderkennung, wertet aber zusätzlich Alt-Text, Dateiname und Seiteninhalt aus. Und für Menschen mit Screenreader ist der Alt-Text ohnehin die einzige Information.
Quellen
- WHATWG HTML Living Standard: Requirements for providing text to act as an alternative for images
- Google Search Central: Best Practices für Google Bilder
- W3C WAI: Images Tutorial
- WebAIM: The WebAIM Million (2026)
- Bundesfachstelle Barrierefreiheit: Barrierefreiheitsstärkungsgesetz
- Verordnung zum BFSG, § 12
