Alternative Texte (auch »Alt-Texte« genannt) 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.
Der alternative Text soll die wesentlichen Informationen oder den Zweck des Bildes vermitteln, abhängig vom Nutzungskontext und der Zielgruppe. Dabei ist es zuerst wichtig zu prüfen, ob das Bild rein dekorativ ist oder zur inhaltlichen Aussage der Seite beiträgt. Rein dekorative Bilder haben ein leeres Alt-Attribut, damit das Bild von assistiven Technologien direkt übersprungen wird. Fehlt das Alt-Attribut, wird je nach Screenreader beispielsweise der Dateiname vorgelesen, was sehr störend sein kann.
In anderen Fällen muss der alternative Text verständlich, prägnant und in den inhaltlichen Zusammenhang der Seite eingebettet sein.
Technische Umsetzung:
Alt-Attribut eines Bilds:
<img src="beispiel.jpg" alt="Beschreibung des Bildes">Bei einem rein dekorativen Bild:
<img src="deko.jpg" alt="">SVG-Dateien:
<title>und<desc>Elemente
Es gibt unterschiedliche Empfehlungen zur Länge von alternativen Texten. Eine wichtige Regel ist, die kontextrelevanten Details so kurz möglich wiederzugeben.
Unbedingt zu vermeiden sind auch Einleitungen wie »Ein Bild mit …«. Im Accessibility Tree ist das Bild bereits als Bild ausgewiesen, Screenreader kündigen es von sich aus als solches an.
