Zum Inhalt springen

Alternativer Text

Nahaufnahme von Händen, die ein Smartphone über einem Cappuccino mit Latte Art halten, um ein Foto des kunstvollen Milchschaum-Musters zu machen.

Alternative Texte sind textuelle Beschreibungen für visuelle Elemente wie Bilder, Grafiken und Icons. Sie ermöglichen Menschen mit Sehbeeinträchtigungen durch Screenreader den Zugang zu Informationen und dienen außerdem als Fallback, wenn Bilder nicht geladen werden können. Anstelle des Bildes erscheint in diesen Fällen der alternative Text.

Zweck und Kontext:

  • Vermittlung der wesentlichen Information des Bildes

  • Berücksichtigung des Nutzungskontexts

  • Anpassung an die Zielgruppe

  • Integration in den Seitenkontext

  • Relevanz für den Inhalt

Technische Umsetzung:

  • Bei dekorativen Bildern: Alt-Attribut <img src="beispiel.jpg" alt="Beschreibung des Bildes">

  • SVG-Dateien: <title> und <desc> Elemente

  • CSS-Hintergrundbilder: aria-label (wenn relevant)

Empfehlungen

  • Die integrierte künstliche Intelligenz analysiert Ihr Bild und erstellt einen Vorschlag für einen alternativen Text. Außerdem gibt es weitere Empfehlungen für einen guten, alternativen Text.