Wird geladen…
Alt-Texte schreiben: Der vollständige Leitfaden
Alternativtexte sind die meistgenannte Anforderung in der digitalen Barrierefreiheit – und gleichzeitig eine der am häufigsten falsch umgesetzten. "Bild", "image123.jpg" oder ein langer SEO-Keyword-Text helfen niemandem. Aber auch zu ausführlich ist falsch.
Ein guter Alt-Text beschreibt den Informationsgehalt eines Bildes – nicht seine technischen Eigenschaften. Klingt einfach. Ist es meistens auch.
Wofür Alt-Texte überhaupt da sind
Das Alt-Attribut wird von Screenreadern vorgelesen, wenn Bilder nicht sichtbar sind. Das passiert bei Nutzenden mit Sehbehinderungen, aber auch wenn Bilder nicht laden, wenn jemand das Laden von Bildern deaktiviert hat – etwa um Datenvolumen zu sparen – oder wenn ein Bild in einer E-Mail landet und der Mailclient Bilder blockiert.
Nebenbei helfen Alt-Texte Suchmaschinen, Bilder zu indexieren. Aber der primäre Zweck ist und bleibt der Mensch – nicht der Algorithmus.
Die wichtigsten Bildtypen
1 – Informative Bilder
Bilder, die Informationen vermitteln, die sonst nirgends im Text stehen. Der Alt-Text muss diese Information transportieren – vollständig und ohne Redundanz.
2 – Dekorative Bilder
Bilder, die nur visuell wirken und keinen eigenen Informationsgehalt haben. Alt-Attribut bewusst leer lassen: alt="" – damit überspringt der Screenreader das Bild.
3 – Funktionale Bilder
Bilder, die als Links oder Schaltflächen fungieren. Der Alt-Text beschreibt die Funktion, nicht das Bild selbst: "Zur Startseite" statt "Firmenlogo".
4 – Komplexe Bilder
Diagramme, Grafiken, Infografiken. Der Alt-Text enthält eine kurze Beschreibung. Eine ausführliche Erklärung folgt im Fließtext darunter oder als verlinktes Dokument.
Was in keinen Alt-Text gehört
"Bild von…" oder "Foto zeigt…" als Einleitung. Screenreader kündigen bereits an, dass es sich um ein Bild handelt. Diese Einleitung ist redundant.
Dateinamen wie "DSC_0042.jpg". Sie sagen nichts über den Inhalt aus und klingen wie technisches Rauschen.
SEO-Keyword-Listen. Alternativtexte sollen beschreiben, nicht ranken. Zu lange, keywordreiche Texte verschlechtern die Nutzbarkeit.
Häufige Fragen
- Wie lang?
- So kurz wie möglich, so lang wie nötig. Als Faustregel: unter 150 Zeichen. Komplexe Bilder dürfen länger sein oder eine ausführliche Beschreibung im Text haben.
- Bilder in Links?
- Der Alt-Text beschreibt das Linkziel, nicht das Bild. Ein Logo-Link zur Startseite bekommt alt="Startseite" – nicht den Firmennamen.
- Gleiches Bild, mehrfach?
- Wenn dasselbe Bild mehrfach auf einer Seite erscheint und jedes Mal dieselbe Funktion hat, können die Alt-Texte identisch sein.
- Dekorativ oder informativ?
- Im Zweifel: informativ. Ein leeres alt-Attribut ist eine bewusste redaktionelle Entscheidung – die man begründen können sollte.
- Wer ist zuständig?
- Idealerweise die Person, die das Bild auswählt – also das Redaktionsteam, nicht die Entwicklung. Barrierefreiheit beginnt im Content-Prozess.
Über die Autorin / den Autor
