Manchmal ist es nicht möglich, ein Bild in einem kurzen Alternativtext vollständig zu beschreiben. Zum Beispiel, wenn es um eine Grafik oder ein Diagramm geht. In diesem Fall geben Sie zusätzlich zum Alt-Text eine detaillierte (längere) Beschreibung an.

Eine detaillierte Beschreibung ermöglicht es Menschen mit Sehbehinderungen, Zugang zu Informationen zu erhalten, die für das Verständnis dieser Elemente von ausschlaggebender Bedeutung sind.

Dies fördert zudem die Sichtbarkeit Ihrer Website in Suchmaschinen.

Wie wendet man das an?

Geben Sie im Alt-Text eine kurze Beschreibung des Motivs des Bildes an. Geben Sie außerdem eine lange Beschreibung außerhalb des Alt-Textes an. Sie können die Langbezeichnung und den Verweis darauf auf verschiedene Weise hinzufügen.

Auf derselben Seite neben dem Bild

Die detaillierte Beschreibung ist im Haupttext oder z. B. in einem separaten Kasten auf derselben Webseite enthalten.

  • Erklären Sie im Alt-Text, wo die längere Beschreibung zu finden ist.

An einer anderen Stelle, auf die Sie mit einem Link verweisen

Wie bei der vorherigen Option, aber mit dem Unterschied, dass Sie mit einem Link auf die detaillierte Beschreibung verweisen.

Bitte beachten Sie, dass der Link unmittelbar vor, oder nach dem Bild eingefügt werden muss. Dies kann über einen verknüpften Text oder ein Symbol erfolgen.

Mit HTML- oder ARIA-Technologie

Zusätzlich zu den oben genannten Optionen können Sie auch eine lange Beschreibung mit HTML (das longdesc-Attribut) und ARIA-Techniken (das aria-describedby-attribute) hinzufügen. Fragen Sie Ihren Lieferanten, ob diese Techniken in das Content Management System (CMS) integriert sind und wie Sie sie einsetzen können.

Beispiele

Beschreibung auf der gleichen Seite neben dem Bild

Ein Balkendiagramm wurde zu einer Webseite hinzugefügt, um anzuzeigen, welche drei Alben in diesem Monat am meisten verkauft wurden. Der Alt-Text des Diagramms lautet: "Drei der meistbesuchten Seiten im Dezember 2015. Details finden Sie im Text nach dem Diagramm.

Im Absatz unten im Diagramm steht:

"Die Besucherzahlen vom Dezember zeigen, dass die Tax-on-Webseite mit 1,2 Millionen Besuchern die meistbesuchte Seite ist. Die MyMinfin-Seite belegt mit 1,1 Millionen Besuchern den zweiten Platz, die elektronische Anmeldeseite mit 980.000 Besuchern den dritten Platz."

Beschreibung an einer anderen Stelle, auf die Sie mit einem Link verweisen

Direkt unter dem Diagramm aus dem vorherigen Beispiel befindet sich ein Symbol, das für „Detaillierte Beschreibung“ steht. Das Symbol ist ein Link zu einer anderen Webseite, auf der sich die detaillierte Beschreibung befindet. Es kann auch ein Link zu einer Stelle auf derselben Seite sein, an der sich die detailierte Beschreibung befindet.

 

Wie trägt dies zu einer besseren Webseite bei?

Sehbehinderte Menschen können das Bild nicht sehen. Sie vermissen wichtige Informationen, vor allem wenn es z.B. um ein wichtiges Diagramm geht. Durch eine lange Beschreibung des Bildes stehen ihnen die Informationen aus dem Bild weiterhin zur Verfügung. Eine textuelle Beschreibung des Bildes ist auch für die Auffindbarkeit Ihrer Webseite in Suchmaschinen von Vorteil.

Für Redakteure

In einigen CMS ist es möglich, (einen Verweis auf) eine längere Beschreibung anzugeben. Oftmals muss ein Redakteur dies selbst tun, indem er die längere Beschreibung auf der Seite selbst oder auf einer anderen Seite einfügt und korrekt darauf verweist.

Für Developer (Entwickler)

Der Entwickler muss sicherstellen, dass der Ersteller die Möglichkeit hat, eine längere Beschreibung zu geben.