Alt-Text (Alternativtext)
Ein Alt-Text ist ein beschreibender Text, der einem Bild in HTML zugeordnet wird. Er wird von Screenreadern vorgelesen und angezeigt, wenn ein Bild nicht geladen werden kann.
Alt-Texte sind ein Grundpfeiler der Web-Barrierefreiheit: Ohne sie können blinde und sehbehinderte Nutzer Bildinhalte nicht erfassen. Gleichzeitig nutzen Suchmaschinen Alt-Texte, um Bildinhalte zu verstehen – ein Faktor für die Bildersuche und das allgemeine Ranking.
Gute Alt-Texte schreiben
- Beschreibend – Was zeigt das Bild? (nicht „Bild" oder „Foto von")
- Knapp – 80–125 Zeichen sind ideal
- Kontextbezogen – Was ist im Kontext der Seite relevant?
- Dekorative Bilder – Leerer Alt-Text (
alt=""), nicht weglassen
Was prüft exatics?
exatics prüft im Barrierefreiheits-Modul, ob alle Bilder einen Alt-Text haben. Fehlende Alt-Texte sind einer der häufigsten Barrierefreiheitsmängel – nach WCAG 2.2 ein Verstoß gegen Erfolgskriterium 1.1.1.
In der Praxis
Alt-Texte sind ein wichtiger Faktor für Barrierefreiheit und SEO gleichermaßen. Screenreader lesen den Alt-Text vor, und Suchmaschinen nutzen ihn zur Bildindexierung. Die Regel: Informative Bilder brauchen einen beschreibenden Alt-Text, dekorative Bilder ein leeres alt="". In unseren Audits prüfen wir, ob alle Bilder Alt-Attribute besitzen — ein häufig übersehenes Detail.
Häufige Fragen zu Alt-Text (Alternativtext)
Wie schreibt man einen guten Alt-Text?
Beschreiben Sie, was auf dem Bild zu sehen ist – kurz (max. 125 Zeichen), ohne „Bild von..." als Einleitung. Dekorative Bilder erhalten ein leeres alt-Attribut (alt="").
Braucht jedes Bild einen Alt-Text?
Informative Bilder ja – das ist WCAG-Pflicht und SEO-Grundlage. Rein dekorative Bilder (Icons, Hintergrundbilder) erhalten ein leeres alt-Attribut.
Verbessern Alt-Texte das SEO?
Ja. Google nutzt Alt-Texte als primäre Information zur Bilderkennung. Bilder mit gutem Alt-Text ranken besser in der Google-Bildersuche.
Verwandte Begriffe
Ausführlicher Ratgeber: Barrierefreiheit und SEO: Warum beides zusammengehört