Was ist ein ALT-Attribut?

Das ALT-Attribut ist ein HTML-Attribut für Bilder, das einen Alternativtext bereitstellt. Dieser Text wird verwendet, wenn ein Bild nicht geladen werden kann, und kann von Screenreadern vorgelesen werden. Außerdem hilft er Suchmaschinen, den Inhalt und Zweck eines Bildes besser zu verstehen.

Im HTML sieht das vereinfacht so aus:

<img src="/bild.webp" alt="Beschreibung des Bildinhalts" />

ALT-Attribut oder Alt-Tag?

Umgangssprachlich wird oft von Alt-Tags gesprochen. Technisch korrekt ist aber das alt-Attribut am img-Element. Diese Unterscheidung ist wichtig, wenn Entwickler, Redakteure und SEO-Verantwortliche über konkrete HTML-Qualität sprechen.

Wann braucht ein Bild welchen Alt-Text?

Nicht jedes Bild braucht einen ausführlichen Beschreibungstext. Entscheidend ist der Zweck im Kontext:

• informative Bilder brauchen eine sinnvolle Beschreibung
• verlinkte Bilder brauchen einen Alt-Text, der den Linkzweck erklärt
• Infografiken brauchen eine textliche Entsprechung der Kernaussage
• dekorative Bilder können ein leeres alt="" erhalten

Die W3C Web Accessibility Initiative stellt mit dem Alt Decision Tree eine hilfreiche Entscheidungshilfe bereit.

Bedeutung für Barrierefreiheit und SEO

Für Barrierefreiheit ist das ALT-Attribut zentral, weil visuelle Informationen auch ohne Bild zugänglich sein sollen. Für Suchmaschinenoptimierung liefert es zusätzlichen Kontext und unterstützt die Bildsuche. Es sollte aber nicht für Keyword-Stuffing missbraucht werden.

Ein gutes ALT-Attribut ist kurz, konkret und kontextbezogen. Es beschreibt, was für den Nutzer wichtig ist, nicht was der Autor möglichst oft als Keyword platzieren möchte.