Der Alt-Text (auch Alt-Tag oder Alt-Attribut genannt) ist ein HTML-Attribut für Bilder, das einen alternativen Beschreibungstext enthält. Dieser Text wird angezeigt oder ausgelesen, wenn ein Bild nicht geladen werden kann oder von Screenreadern interpretiert wird. Der Alt-Text beschreibt also in Worten, was auf einem Bild zu sehen ist, und ist ein zentrales Element für digitale Barrierefreiheit und Suchmaschinenoptimierung.

Was ist ein Alt-Text?

Ein Alt-Text ist ein unsichtbarer Beschreibungstext im HTML-Code eines Bildes. Technisch wird er innerhalb des img-Tags hinterlegt. Sein Zweck ist es, den Bildinhalt textlich zu ersetzen, wenn das Bild selbst nicht dargestellt werden kann oder von assistiven Technologien verarbeitet wird.

Der Alt-Text beantwortet im Kern die Frage: Was würde eine Person sehen, wenn sie das Bild sehen könnte?

Alt-Text & digitale Barrierefreiheit

Eine der wichtigsten Funktionen des Alt-Textes liegt im Bereich der Accessibility. Menschen mit Sehbehinderungen oder vollständiger Blindheit nutzen Screenreader, um sich Webinhalte vorlesen zu lassen. Ohne Alt-Text bleiben Bilder für diese Nutzer:innen vollständig unverständlich.

Alt-Texte sorgen dafür, dass:

• Grafiken inhaltlich verstanden werden können

• Zusammenhänge erhalten bleiben

• Navigationselemente erklärbar bleiben

• eine gleichwertige User-Experience für alle Nutzer:innen entsteht

Alt-Texte sind daher ein zentraler Bestandteil der WCAG-Richtlinien und der gesetzlichen Anforderungen an barrierefreie Websites.

Bedeutung des Alt-Texts für SEO

Auch aus Sicht der Suchmaschinenoptimierung spielt der Alt-Text eine wichtige Rolle. Suchmaschinen können den sichtbaren Inhalt eines Bildes nicht „sehen“, sondern sind auf textliche Beschreibungen angewiesen. Der Alt-Text hilft dabei, den thematischen Kontext eines Bildes zu verstehen.

Ein sauber formulierter Alt-Text:

• verbessert die Bildersuche-Rankings

• unterstützt die thematische Relevanz einer Seite

• erhöht die semantische Einordnung von Inhalten

• trägt indirekt zur OnPage-Optimierung bei

Wichtig dabei: Der Alt-Text ist kein klassischer Ranking-Hebel, sondern ein unterstützendes Relevanzsignal.

Wichtige Best Practices für Alt-Texte

Ein guter Alt-Text sollte:

• den Bildinhalt präzise und sachlich beschreiben

• den Kontext der Seite berücksichtigen

• kein Keyword-Stuffing enthalten

• nicht zu lang, aber auch nicht zu oberflächlich sein

• bei dekorativen Bildern bewusst leer bleiben, wenn sie keinen inhaltlichen Mehrwert liefern

Beispiele:

• Gut: „Roter Laufschuh von Sportmarke X auf Asphalt“

• Schlecht: „Laufschuhe kaufen günstig Angebot Sale“

Abgrenzung: Alt-Text vs. Title-Attribut

Der Alt-Text wird häufig mit dem Title-Attribut verwechselt. Beide erfüllen jedoch unterschiedliche Zwecke:

• Alt-Text → Barrierefreiheit & SEO (inhaltliche Beschreibung)

• Title-Attribut → Zusatzinfo bei Mouseover (optional, kein Ersatz für Alt-Text)

Für Barrierefreiheit ist ausschließlich der Alt-Text relevant.