ALT-Attribut

Was ist das ALT-Attribut?

Das ALT-Attribut (kurz für Alternative Text) ist ein HTML-Attribut, das den Inhalt eines Bildes beschreibt. Dieser Text wird angezeigt, wenn ein Bild nicht geladen werden kann, und dient gleichzeitig als wichtige Informationsquelle für Screenreader – also für Menschen mit Sehbehinderungen.

Auch wenn oft vom ALT-Tag gesprochen wird, ist das technisch nicht korrekt. Einen ALT-Tag gibt es nicht – es handelt sich immer um ein Attribut innerhalb des <img>-Tags. Der umgangssprachliche Begriff „ALT-Tag“ ist allerdings so verbreitet, dass er im Marketing weiterhin genutzt wird.

Beispiel: <img src="online-marketing-agentur.jpg" alt="Mitarbeiter der Online Marketing Agentur Exportarts">

Warum ist das ALT-Attribut so wichtig?

1. Barrierefreiheit (Accessibility)

Screenreader lesen ALT-Texte laut vor. So erhalten Nutzer mit Sehbehinderungen Zugang zum Bildinhalt. Das macht Webseiten inklusiver und entspricht den Web Content Accessibility Guidelines (WCAG).

2. SEO-Vorteile

Suchmaschinen können Bilder nicht wie Menschen interpretieren. Das ALT-Attribut liefert Kontext und verbessert das Ranking in der Bildersuche sowie die thematische Einordnung einer Seite.

3. Fallback bei nicht geladenen Bildern

Wenn ein Bild nicht angezeigt werden kann – z. B. wegen Netzwerkfehlern –, erscheint der ALT-Text als Ersatz. Das verbessert die Nutzererfahrung.

4. Struktur & Semantik

Das ALT-Attribut hilft, Inhalte korrekt zu interpretieren, besonders in datengetriebenen oder automatisierten Systemen wie Browsern, Bots oder Assistenztechnologien.

Wie formuliert man ein gutes ALT-Attribut?

Ein gutes ALT-Attribut beschreibt das Bild präzise, knapp und sinnvoll.

Best Practices

• Beschreibe, was wirklich relevant ist.
• Verzichte auf Floskeln wie „Bild von…“ oder „Grafik zeigt…“.
• Halte den Text so kurz wie möglich, so lang wie nötig.
• Achte auf klare, verständliche Sprache.

❌ Beispiel schlecht: alt="Bild Kaninchen"

✅ Beispiel gut: alt="Weißes Kaninchen sitzt im hohen Gras"

Das leere ALT-Attribut: Wann wird es eingesetzt?

Ein leeres ALT-Attribut (alt="") ist kein Fehler, sondern in bestimmten Fällen sogar die korrekte Empfehlung.

Du solltest ein leeres ALT-Attribut verwenden, wenn das Bild keine inhaltliche Bedeutung hat – beispielsweise bei:

• rein dekorativen Grafiken
• visuellen Trennelementen
• Layout-Icons ohne Informationswert

Beispiel: <img src="linie.png" alt="">

Warum?

Screenreader überspringen das Bild dann komplett. Das verbessert die Barrierefreiheit enorm und verhindert unnötige Ablenkung.

ALT-Attribut vs. ALT-Tag – was stimmt?

Viele sprechen im Alltag vom ALT-Tag, obwohl es technisch falsch ist.

Korrekt ist:

• <img> = Tag
• alt="" = Attribut

Dennoch ist „ALT-Tag“ als umgangssprachlicher Begriff akzeptiert – wichtig ist nur, dass du im Code sauber arbeitest und das Attribut korrekt setzt.

Typische Fehler beim ALT-Attribut

• ALT-Texte komplett weglassen: Fehlt das Attribut, ist das Bild für Screenreader unverständlich.
• Unpräzise oder nutzlose Texte: Beispiele: „Foto“, „Grafik“, „Bild123“ – das bringt weder Menschen noch Maschinen etwas.
• Keyword-Stuffing: ALT-Texte sind nicht für SEO-Spam gedacht. Natürlich optimiert ist immer besser.
• ALT-Attribute bei dekorativen Bildern setzen: Das führt zu unnötiger Verwirrung für Screenreader-Nutzer*innen.

SEO-Rolle des ALT-Attributs

Suchmaschinen nutzen ALT-Texte, um:

• Bilder inhaltlich zu klassifizieren
• Relevanz zum Seitenkontext zu bestimmen
• Bildersuchergebnisse auszuspielen
• semantische Verknüpfungen herzustellen

Ein gut formuliertes ALT-Attribut kann also sichtbar zu mehr Traffic führen – besonders über die Google-Bildersuche.

Warum das ALT-Attribut unverzichtbar ist

Das ALT-Attribut ist ein kleiner Code-Bestandteil mit großer Wirkung: Es verbessert Barrierefreiheit, SEO, Nutzererfahrung und technische Verständlichkeit deiner Website. Ob informativer ALT-Text oder bewusst gesetztes leeres ALT-Attribut – eine saubere Umsetzung sorgt dafür, dass deine Inhalte zugänglicher, strukturierter und suchmaschinenfreundlicher werden. In einer professionellen Website ist ein durchdachtes ALT-Attribut daher kein Nice-to-have, sondern ein elementarer Bestandteil moderner Webqualität.