Alt-Attribut – Alternativtexte für barrierefreie Bilder
Das Alt-Attribut (alt) ist ein HTML-Attribut, das alternativen Text für Bilder bereitstellt. Dieser Text wird angezeigt, wenn ein Bild nicht geladen werden kann – und vor allem von Screenreadern vorgelesen, um Nutzer:innen mit Sehbehinderungen den Bildinhalt zu vermitteln.
Alternativtexte sind ein zentrales Kriterium der WCAG (Web Content Accessibility Guidelines) und essenziell für die digitale Barrierefreiheit.
Warum Alt-Texte wichtig sind
- Barrierefreiheit: Menschen mit Sehbehinderung erfahren, was das Bild darstellt.
- SEO: Suchmaschinen können Bildinhalte besser indexieren.
- Usability: Fallback für Ladefehler oder fehlende Bilder.
- Rechtliche Relevanz: Pflicht bei öffentlichen Stellen laut BITV & EU-Richtlinien.
Best Practices für Alt-Attribute
- Beschreibe präzise den Bildinhalt („Mann schneidet Brotlaib an“ statt „Bild1“)
- Verzichte auf Keywords-Stuffing – natürliche Sprache verwenden
- Leere Alt-Texte (alt="") bei rein dekorativen Bildern verwenden
- Keine Wiederholung von Bildunterschriften
- Kontext beachten: Ein Produktbild braucht andere Infos als ein Diagramm
Beispiel:
<img src="brotlaib.jpg" alt="Frisch gebackener Roggenbrotlaib auf einem Holzbrett">Mehr zu unseren Leistungen im Bereich Digitale Barrierefreiheit erfahren Sie hier.
