ALT-Attribut
Das ALT-Attribut (kurz für: Alternative Text) ist ein Text, der Bilder in HTML beschreibt – und zwar für den Fall, dass das Bild nicht angezeigt werden kann oder von einem Screenreader vorgelesen werden soll.
ALT-Texte sind ein wichtiger Bestandteil barrierefreier und suchmaschinenfreundlicher Websites. Sie sorgen dafür, dass Inhalte auch ohne sichtbare Bilder verständlich bleiben.
Wo kommt das ALT-Attribut vor?
Im HTML-Code eines Bildes sieht das z. B. so aus:
<img src="bergsee.jpg" alt="Blick auf einen klaren Bergsee mit umliegenden Tannen und Schneegipfeln">
Der Text im alt-Attribut beschreibt das Bild für Menschen, die es nicht sehen können – sei es wegen technischer Probleme oder einer Sehbehinderung.
Warum sind ALT-Attribute wichtig?
Barrierefreiheit
Screenreader lesen den ALT-Text vor – damit blinde oder sehbehinderte Nutzer und Nutzerinnen verstehen, was auf dem Bild zu sehen ist.
Suchmaschinenoptimierung (SEO)
Suchmaschinen können Bilder nicht „sehen“, aber sie analysieren ALT-Texte. So tragen ALT-Attribute dazu bei, dass Ihre Bilder in der Google Bildersuche gefunden werden.
Technische Ausfallsicherung
Wenn ein Bild nicht geladen wird (z. B. wegen schlechter Verbindung), wird der ALT-Text angezeigt – damit Nutzerinnen und Nutzer trotzdem wissen, was gemeint ist.
Beispiel
Ohne ALT-Text:
<img src="produkt.jpg">
→ Das Bild „produkt.jpg“ wird angezeigt – aber wenn es fehlt, bleibt eine leere Fläche.
Mit ALT-Text:
<img src="produkt.jpg" alt="Nachhaltiger Rucksack aus recyceltem Material, grau mit Rolltop-Verschluss">
Auch wenn das Bild nicht erscheint, wird klar, worum es geht. Zudem kann Google das Bild besser einordnen.
Tipps für gute ALT-Texte:
- Kurz und präzise beschreiben, was zu sehen ist.
- Keine Keyword-Stuffing – also nicht künstlich mit Suchbegriffen überladen.
- Keine Wiederholung von „Bild von …“ – das ist überflüssig.
- Nicht als Bildunterschrift verwenden – der ALT-Text ist technisch, nicht gestalterisch.
Kurz gesagt
Das ALT-Attribut ist der unsichtbare, aber wichtige Text hinter jedem Bild. Es verbessert die Barrierefreiheit, unterstützt SEO und sorgt dafür, dass Inhalte auch dann verständlich bleiben, wenn Bilder nicht geladen werden. Ein gutes ALT-Attribut ist kurz, klar und beschreibt das Wesentliche.
