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.

Zurück
Flur im Denkströme-Büro mit breiter Treppe und Glaswand; zwei Personen gehen unscharf durch den Eingangsbereich.

Abonnieren Sie unseren Newsletter

Melden Sie sich jetzt an und bleiben Sie immer auf dem Laufenden über die spannenden Impulse und Einblicke, die Denkströme zu bieten hat!

Jetzt anmelden
Denkströme Kempten
Tilsiter Straße 16a
87439 Kempten
Telefon: +49 831 960729-0
Denkströme München
Hopfenstraße 8
80335 München
Denkströme Hamburg
Neuer Wall 10
20354 Hamburg

Wir verwenden Cookies, um Inhalte und Anzeigen zu personalisieren und die Zugriffe auf unsere Website zu analysieren. Die Informationen zu Ihrem Nutzerverhalten gehen an unsere Partner zum Zwecke der Nutzung für Werbung und Analysen weiter. Unsere Partner führen diese Informationen möglicherweise mit weiteren Daten zusammen, die sie unabhängig von unserer Website von Ihnen erhalten oder gesammelt haben. Um diese Cookies zu nutzen, benötigen wir Ihre Einwilligung welche Sie uns mit Klick auf „Alle Cookies akzeptieren“ erteilen. Sie können Ihre erteilte Einwilligung (Art. 6 Abs. 1 a) DSGVO) jederzeit für die Zukunft widerrufen. Diesen Widerruf können Sie über die „Cookie-Einstellungen“ hier im Tool ausführen.