Was ist das ALT Attribut?

Bilder, die auf einer Website über den HTML-Code eingebunden werden, besitzen in der Regel ein sogenanntes ALT Attribut. Dieses Attribut enthält einen Text, der als Alternative zum Bild dienen soll. Das ALT Attribut ist somit besonders relevant für die Optimierung von barrierefreien Websites, da Screenreader als Alternative zum Bild den Inhalt des ALT Attributs auslesen können.

Wozu dient der Alt-Text?

Wie der Name schon verrät, dient der Text aus dem ALT Attribut primär als Alternative zum Bild. Dieser Text kann von Webbrowser und anderen webbasierten Programmen genutzt werden, falls das Bild nicht richtig ausgelesen oder angezeigt werden kann. Somit erhält der Nutzer die relevanten Informationen und Daten, obwohl ihm das Bild nicht angezeigt wird. In der Regel beschreibt der Alt-Text grob, worum es in dem Bild geht, oder fasst den Inhalt der Grafik kurz zusammen.

Das ALT Attribut ist besonders hilfreich für Blinde, die mit einem Screenreader auf das Internet zugreifen. Der Alt-Text sorgt dafür, dass sie das Internet ohne fremde Hilfe uneingeschränkt wahrnehmen können. Idealerweise sollte der Alternativtext eine Länge von maximal 40 bis 80 Zeichen besitzen, da der Text so auch für Bilde auf übersichtliche Weise dargestellt werden kann.