Menschen mit einer Sehbehinderung können Abbildungen nicht (gut) sehen. Eine Beschreibung der Abbildung ermöglicht ihnen Zugang zu diesen Informationen. Darüber hinaus erhöhen Alternativtexte erhöhen auch die Sichtbarkeit Ihrer Website in Suchmaschinen.

Wie wendet man das an?

Im Content-Management-System (CMS) ist es meistens möglich, einen Alternativtext für eine Abbildung anzugeben (das wird auch als „alt-Text“ bezeichnet).

Alle informativen Abbildungen müssen mit einem alt-Text versehen sein. Dazu gehören auch „Abbildungen von Text“ und Grafiken. Sorgen Sie dafür, dass die Beschreibung die gleichen Informationen wie die Abbildung vermittelt.

Fall 1: Informative Abbildung

Beispiel

Ein Foto, welches das Treffen zwischen dem Außenminister und dem amerikanischen Präsidenten zeigt.

Fügen Sie einen Text hinzu, der das beschreibt, was in der Abbildung zu sehen ist.

<img src=”Treffen_Minister.jpg” alt=”Außenminister schüttelt dem neuen amerikanischen Präsidenten die Hand.”>

Fall 2: Dekorative Abbildung

Abbildungen, die nur als Dekoration dienen, dürfen nicht mit einem Alternativtext versehen werden, da sie nicht zum Textverständnis beitragen und daher keine Bedeutung für den Besucher haben.

Das alt-Attribut muss vorhanden sein, darf jedoch keinen Text enthalten:

<img src=”wellige-Linien.jpg” alt=”” />

Um eine dekorative Abbildung zu platzieren, können Sie sich auf das oben aufgeführte Beispiel stützen, dekorative Abbildungen werden jedoch am besten mit einem CSS-Stylesheet platziert.

Fall 3: Abbildung einer Grafik

Bei Abbildungen einer Grafik muss der Inhalt der Grafik im alt-Text beschrieben werden. Die Grafik kann in mehrere kleine Abbildungen mit einem alt-Text aufgeteilt werden, aber auch eine Zusammenfassung des Grafikinhalts ist gut:

<img src=”Grafik-VerwendungIE6.png” alt=”Die Verwendung von IE6 ist im Zeitraum 2008-2012 von 12 % auf 1,6 % gesunken” />

Fall 4: Text als Bild

Gelegentlich wird statt eines „echten“ Textes eine Abbildung mit einem Text verwendet, beispielsweise um eine besondere Schriftart verwenden zu können. In diesem Fall muss im alt-Text der Text stehen, der in der Abbildung zu sehen ist. Versuchen Sie, Textabbildungen nur dann zu verwenden, wenn es wirklich nicht anders geht.

<img src=”fest.jpg” alt=”Es wird gefeiert!” />

Fall 5: Abbildung als unterstützendes Symbol

Wird ein Bild neben einem Text als Symbol verwendet (z. B. eine Glühbirne, um die Aufmerksamkeit des Lesers zu erregen), sollte dieses Symbol nicht mit einem erläuternden Text versehen werden. Der Alt-Text des Symbols muss leer bleiben, um eine unnötige Beschreibung zu vermeiden, die zu einer unangenehmen Wiederholung führen kann, wenn sie von einem Sprachbrowser gelesen wird.

<a href=”Home.html”><img src=”Home.jpg” alt=”” />Home</a>

Für Redakteure

Die Aufgabe des Online-Redakteurs ist es, Alternativtexte für Abbildungen mit dem CMS zu verfassen und einzufügen.

Für Designer

Der Web Developer muss dafür sorgen, dass Abbildungen im CMS mit einem Alternativtext versehen werden können. Bei Abbildungen, die nicht mit dem CMS verwaltet werden können, muss der Web Developer selbst dafür sorgen, dass – falls erforderlich – ein Alternativtext angegeben ist.