Der Alt-Text (auch „Alt-Attribut" oder „Alternativtext") ist eine kurze Textbeschreibung, die im HTML-Quellcode an jedes Bild gehängt wird: <img src="hund.jpg" alt="Goldener Labrador im Park">. Er erfüllt drei zentrale Aufgaben: Barrierefreiheit, SEO und Fehler-Fallback.
Warum der Alt-Text so wichtig ist
Für sehbehinderte Nutzer liest ein Screenreader den Alt-Text statt des Bildes vor — ohne Alt-Text bleibt das Bild für sie unsichtbar. Suchmaschinen wie Google nutzen den Alt-Text außerdem, um zu verstehen, was auf einem Bild zu sehen ist. Das ist entscheidend für die Google Bildersuche und stützt die thematische Relevanz der gesamten Seite. Wenn ein Bild aus technischen Gründen nicht lädt, zeigt der Browser den Alt-Text an — viel hilfreicher als ein leerer Platzhalter.
Wie schreibt man einen guten Alt-Text?
Beschreibe konkret, was zu sehen ist — keine Marketing-Phrasen, kein Keyword-Stuffing. Statt „hund hundefutter premium qualität bestellen" einfach „Goldener Labrador frisst aus blauem Napf". Halte den Text kurz (idealerweise unter 125 Zeichen), formuliere natürlich, vermeide einleitende Floskeln wie „Bild von..." — das ergänzen Screenreader automatisch. Bei rein dekorativen Bildern (Trennlinien, Hintergrundgrafiken) lässt du das Attribut leer: alt="". So weiß der Screenreader, dass er das Bild ignorieren kann.
Alt-Text vs. Title-Attribut vs. Bildunterschrift
Diese drei werden oft verwechselt. Der Alt-Text ist die Textalternative für das Bild selbst — Pflicht für Barrierefreiheit. Das Title-Attribut erscheint als Tooltip beim Hover und ist heute selten sinnvoll. Die Bildunterschrift (Caption) ist sichtbarer Text unter dem Bild, der zusätzlichen Kontext liefert.