Alt-Text

Bedeutung und Zweck

Ein Alt-Text (Alternativtext) ist eine kurze Beschreibung eines Bildes oder eine kurze sprachliche Übersetzung eines visuellen Inhalts im Internet. Er wird Menschen, die ein Bild nicht oder nur schwer wahrnehmen können, etwa durch Screenreader statt des Bildes vorgelesen. Damit ist er eine wichtige Voraussetzung für ein barrierefreies Internet.

Alt-Texte helfen besonders Menschen mit Blindheit oder Sehbehinderung. Textliche Alternativen umfassen außerdem Bildunterschriften und ausführlichere Bildbeschreibungen für Blinde. Die Bereitstellung solcher Alternativen ist in Richtlinien zur Barrierefreiheit festgelegt. Die deutsche Barrierefreie-Informationstechnik-Verordnung (BITV) 2.0 von 2011 verpflichtet Websites deutscher Behörden: „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“.

Alt-Text kann auch angezeigt werden, wenn ein Bild wegen langsamer Verbindung nicht lädt, die Bildanzeige zum Sparen von Datenvolumen deaktiviert ist oder ein textbasierter Browser genutzt wird. Bilder mit Alt-Text lassen sich zudem besser über Suchmaschinen finden. Bislang besitzen jedoch nur wenige Bilder und Grafiken im Internet einen Alt-Text.

Geeignete Länge und Inhalte

Die Ausgabe von Alt-Text ist geräteunabhängig: Screenreader können ihn vorlesen, Braillezeilen können ihn in Punktschrift anzeigen. Für Länge und Inhalt gibt es keine einheitlichen Standards, weil visuelle Inhalte sowie die Bedürfnisse blinder und sehbehinderter Nutzender sehr unterschiedlich sind.

Grundsätzlich soll ein Alt-Text möglichst kurz sein. Ein Screenreader liest ihn unabhängig von seiner Länge am Stück vor und kann ihn nicht schrittweise verarbeiten. Braillezeilen sind meist 40 oder 80 Zeichen breit. Als weithin akzeptierte Obergrenze schlägt die Accessibility-Fachstelle der Universität Toronto 115 Zeichen für Deutsch und 90 Zeichen für Englisch vor. Manche Bilder benötigen dennoch mehr Wörter. Da pro Bild nur ein Alt-Text-Feld vorhanden ist, soll er sowohl für Hilfsmittel als auch für die Browseranzeige und Suchmaschinen möglichst geeignet sein.

Alt-Texte müssen keine vollständigen Sätze sein; Handlungen im Bild lassen sich aber in ganzen Sätzen besser beschreiben. Bei Grafiken mit Text muss dieser Text in den Alt-Text aufgenommen werden. Informationen wie „Grafik“ oder „Link“ gehören nicht hinein, weil Screenreader dies selbst ankündigen. Auch Informationen aus der Bildunterschrift sollen nicht wiederholt werden. Copyrightangaben und der Name des Fotografen gehören nicht in den Alt-Text. Bei rein dekorativen Bildern bleibt er leer.

Für Suchmaschinenoptimierung kann das Hauptkeyword genannt werden. Von Keyword Stuffing, also der übermäßigen Wiederholung von Schlüsselwörtern, wird abgeraten: Es verschlechtert die Lesbarkeit und kann etwa von Google als Spam gewertet werden.

Verwendung in HTML

In HTML wird Alt-Text mit dem alt-Attribut angegeben. Seit HTML 4.01 ist dieses Attribut bei Bildern erforderlich, bei Java-Applets und Eingabefeldern optional. Es wird umgangssprachlich manchmal „Alt-Tag“ genannt, ist aber kein HTML-Tag. Die meisten CMS (Content-Management-Systeme) unterstützen das alt-Attribut.

Ein Beispiel ist: <img src="größenvergleich.jpg" alt="Die blau-weiße Erde und der braune Mars sind direkt nebeneinander abgebildet. Schwarzer Hintergrund.">. Üblicherweise zeigt diese Codezeile das Bild „größenvergleich.jpg“. Kann es nicht geladen werden oder unterstützt der Browser das Format nicht, erscheint stattdessen der hinterlegte Text. Im beschreibenden Text zum Beispiel wird neben der Erde jedoch der Mond genannt, während der Alt-Text im Code den Mars nennt; diese Angaben stimmen nicht überein.

Ausgabe durch Screenreader

Screenreader lesen den Alt-Text vor. JAWS kündigt ihn beispielsweise mit „Grafik“ an; ist das Bild zugleich ein Link, lautet die Ankündigung „Grafik Link“ und danach folgt der Alt-Text.

Bilder ohne alternativen Text ignorieren Screenreader normalerweise. Nutzende können ihre Einstellungen jedoch so ändern, dass stattdessen der Dateiname vorgelesen wird. Wenn ein Bild ohne Alt-Text ein Link ist, wird normalerweise das Linkziel, also das href-Attribut in HTML, vorgelesen; möglich ist auch die Ausgabe des Bilddateinamens.