Alternativtext
Ein Alternativtext ist eine im alt-Attribut eines Bildes hinterlegte Textbeschreibung, die Screenreadern und anderen assistiven Technologien mitteilt, welche Information oder Funktion das Bild trägt, wenn es nicht visuell wahrgenommen werden kann.
Kurz erklärt
Das alt-Attribut am <img>-Element existiert bereits seit den frühen HTML-Spezifikationen und wird von Screenreadern anstelle des Bildes vorgelesen. Ein guter Alternativtext beschreibt knapp die Information oder Funktion, die das Bild transportiert, statt es rein technisch zu benennen: Bei einem informationstragenden Bild (etwa einem Diagramm) beschreibt er den relevanten Inhalt; bei einem rein dekorativen Bild ohne eigene Information ist ein leeres alt="" korrekt, damit Screenreader es stillschweigend überspringen, statt es unnötig anzukündigen.
Beispiel
<img src="event.jpg" alt="Sommerfest am 12. Juli 2026 ab 18 Uhr im Stadtpark"> transportiert die im Bild enthaltene Termininformation auch für Nutzer, die das Bild nicht sehen können. <img src="deko-linie.svg" alt=""> markiert ein rein dekoratives Element korrekt als für den Inhalt irrelevant.
Warum ist das relevant?
Ohne Alternativtext bleibt jede im Bild enthaltene Information für Screenreader-Nutzer unzugänglich - bei Produktbildern, Preistabellen als Grafik oder Veranstaltungsankündigungen kann das den Kern der Seite betreffen. Alternativtexte gehören zu den grundlegendsten und am längsten etablierten Anforderungen der WCAG.
Häufige Missverständnisse
Ein automatisch generierter oder rein technischer Alternativtext wie alt="IMG_2043.jpg" erfüllt die Anforderung formal, aber nicht inhaltlich - er trägt keine nutzbare Information. Ebenso wenig hilfreich sind übermäßig lange, redundante Beschreibungen (“Bild zeigt ein Foto von…”) oder ein fehlendes alt-Attribut ganz, das von Screenreadern häufig als vollständiger Dateiname vorgelesen wird. Auch die Annahme, jedes Bild brauche zwingend einen ausführlichen Alternativtext, ist ungenau - rein dekorative Bilder benötigen bewusst keinen beschreibenden Text.