Komplexe Bilder: Diagramme, Karten und ausführliche Beschreibungen

Manche Bilder enthalten zu viele Informationen für eine kurze Formulierung. Diagramme, Karten und Schaubilder benötigen ein Konzept für eine längere Beschreibung.

Selbst ein komplexes Bild erhält einen kurzen alt-Text, der es benennt, etwa als Balkendiagramm mit den monatlichen Umsätzen für 2024.

Der kurze alt-Text benennt das Bild; eine nahegelegene Langbeschreibung vermittelt anschließend die tatsächlichen Daten oder Zusammenhänge, die es zeigt.

Eine gute Langbeschreibung vermittelt die Kernaussage, etwa dass die Umsätze im Dezember ihren Höchststand erreichten, statt trocken jeden einzelnen Wert aufzulisten.

Bei Diagrammen ist eine echte HTML-Tabelle mit denselben Zahlen direkt unter der Grafik oft die beste Alternative.

Sie können eine Langbeschreibung auf der Seite platzieren und sie mit aria-describedby verknüpfen, das auf die id des entsprechenden Elements verweist.

Umschließen Sie ein Bild und seine sichtbare Erklärung mit figure und figcaption, damit die Zusammengehörigkeit für alle klar ist.

Ein Kartenbild ist ohne die zugrunde liegenden Fakten nutzlos. Stellen Sie daher als Textalternative eine Adresse, eine Wegbeschreibung oder eine Liste bereit.

Beschreiben Sie bei einem Flussdiagramm die Schritte und ihre Reihenfolge in Prosa, damit die Logik auch ohne das visuelle Layout erhalten bleibt.

Stellen Sie sicher, dass die Langbeschreibung leicht zu finden ist. Eine versteckte Textalternative, die Nutzer nicht erreichen können, hilft überhaupt nicht.

Je umfangreicher das Bild ist, desto mehr muss Ihre Textalternative leisten. Lassen Sie die Komplexität des Bildes bestimmen, wie viel Sie schreiben.

Wählen Sie den besten Ansatz für ein komplexes Diagramm.

Sie haben es geschafft! Komplexe Bilder erhalten einen kurzen alt-Text sowie eine echte Textalternative, eine Datentabelle, figcaption oder aria-describedby, die die Kernaussage vermittelt.