Alt-Text: Bildbeschreibende Texte für digitale Bilder

Alt-Texte sind eine wichtige Bedingung für ein barrierefreies Internet. Sie können jedoch auch anstelle des Bildes im Browser angezeigt werden, wenn z. B. die Internetverbindung zu langsam ist, um das Bild zu laden, oder wenn Bildanzeige zum beschleunigten Laden oder Einsparen von Datenvolumen deaktiviert ist, sowie von textbasierten Browsern. Mit Alt-Text versehene Bilder können von Suchmaschinen besser gefunden werden.

Vor allem blinde und sehbehinderte Menschen haben Schwierigkeiten, Bilder zu sehen oder deren Inhalte zu erkennen.

Eine Lösung für eine barrierefreie Zugänglichkeit von Bildern bieten textliche Alternativen. Zu diesen zählen neben Bildunterschriften und umfangreicheren Bildbeschreibungen für Blinde Alt-Texte. Die Anforderung, textliche Alternativen bereitzustellen, ist auch in nationalen und internationalen Richtlinien für die Barrierefreiheit niedergeschrieben.

In der deutschen Barrierefreien-Informationstechnik-Verordnung (BITV) 2.0 (2011), die für die Websites deutscher Behörden verbindlich ist, heißt es: „Für jeden Nicht-Text-Inhalt, der dem Nutzer oder der Nutzerin präsentiert wird, ist eine Text-Alternative bereitzustellen, die den Zweck dieses Inhalts erfüllt“.

Bislang haben nur wenige Bilder und Grafiken im Internet einen Alt-Text.

Die Ausgabe von Alt-Text ist universell und geräteunabhängig. Er kann von Screenreadern vorgelesen und über Braillezeilen in Punktschrift (Blindenschrift) angezeigt werden.

Es gibt keine einheitlichen Standards für Länge und Inhalt von Alt-Texten. Dazu gibt es zu viele verschiedene Arten von visuellen Inhalten und zu unterschiedliche Interessen und Bedürfnisse blinder und sehbehinderter Internetnutzer. Generell sollte der Alt-Text so kurz wie möglich sein. Screenreader können Alt-Texte nicht stückweise verarbeiten. Sie werden unabhängig von ihrer Länge in einem Stück vorgelesen. Braillezeilen haben Standardbreiten von 40 beziehungsweise 80 Zeichen. Das spräche dafür, die Länge von Alt-Texten auf diese Länge zu beschränken. Manche Bilder benötigen jedoch mehr Wörter, um beschrieben zu werden. Die Accessibility-Fachstelle der Universität Toronto hat Obergrenzen vorgeschlagen, die heute weitgehend akzeptiert werden. Sie liegen in deutscher Sprache bei 115 Zeichen, im Englischen, das kürzere Wörter hat, bei 90.

Andere Nutzungen des Alt-Textes, z. B. als Anzeige, wenn ein Bild im Browser blockiert wird, oder durch Suchmaschinen, würden längere Alt-Texte erlauben. Da jedes Bild jedoch nur über ein einziges Alt-Text-Feld verfügt, sollte dieses möglichst allen Zwecken gerecht werden. Das gilt auch für die Inhalte.

Alt-Texte müssen keinen ganzen Satz bilden. Jedoch lassen sich eventuelle Handlungen im Bild besser in ganzen Sätzen beschreiben.

Besonders im Hinblick auf die Suchmaschinenoptimierung wird darauf geachtet, das Hauptkeyword zu nennen. Von Keyword Stuffing (Vollstopfung) wird jedoch sowohl im Interesse der Lesbarkeit als auch im Hinblick auf die Suchmaschinen abgeraten. Von Google z. B. könnte die gehäufte Verwendung von Schlüsselwörtern als Spam gewertet werden.

Weiterhin muss die Information, dass es sich um eine Grafik oder um einen Link handelt, nicht im Alt-Text stehen. Der Screenreader gibt stets die Information „Grafik“ oder „Grafik Link“ und folgend den hinterlegten Alt-Text aus.

Handelt es sich um Grafiken mit Text, sollte genau dieser Text auch in den Alt-Text eingebunden werden.

Eine Doppelung der Informationen im Alt-Text und in der Bildunterschrift sind zu vermeiden. Copyright-Informationen oder der Name des Fotografen gehören nicht in den Alt-Text. Bei rein-dekorativen Bildern sollte der Alt-Text leer sein.

In HTML kann das alt-Attribut für Alt-Text benutzt werden. Seit HTML 4.01 ist es bei Bildern erforderlich. Für Java-Applets und Eingabefelder ist es optional. Umgangssprachlich wird dieses Attribut auch als Alt-Tag bezeichnet, obwohl es kein HTML-Tag ist.

Die meisten CMS (Content-Management-Systeme) unterstützen das Alt-Attribut.

Beispiel

 

<img src="größenvergleich.jpg" alt="Die blau-weiße Erde und der braune Mond sind direkt nebeneinander abgebildet. Schwarzer Hintergrund."> 

Diese Codezeile stellt üblicherweise das Bild größenvergleich.jpg dar. Kann das Bild nicht geladen werden oder wird das Format vom Webbrowser nicht unterstützt, wird stattdessen der Text „Die blau-weiße Erde und der braune Mond sind direkt nebeneinander abgebildet. Schwarzer Hintergrund.“ angezeigt.

Screenreader lesen den Alt-Text vor. JAWS z. B. leitet den alternativen Text mit dem Wort „Grafik“ ein. Wenn das Bild ein Link ist, kündigt JAWS den alternativen Text mit „Grafik Link“ an.

Screenreader ignorieren Bilder ohne alternativen Text und sagen nichts, aber die Benutzer können ihre Einstellungen so ändern, dass der Dateiname vorgelesen wird.

Wenn das Bild ohne Alt-Text ein Link ist, lesen Screenreader normalerweise das Ziel des Links (das href-Attribut in HTML) vor, aber sie könnten auch den Dateinamen des Bildes vorlesen.

• Use the alt attribute to describe the function of each visual – Tips for Webmasters, W3C Quality Assurance (englisch)
• Alternative Text – Web Accessibility in Mind (wahlweise englisch, deutsch, französisch)