Zugänglichkeit von Grafiken und Diagrammen
Bieten Sie eine textliche Zusammenfassung der Visualisierung an und beschreiben Sie dabei Trends oder Muster in der Visualisierung.
Eine textliche Zusammenfassung erfüllt mehrere Zwecke. Erstens bietet sie ein alternatives Format zur Datenaufnahme für Benutzer, die die Visualisierung verwirrend oder ablenkend finden.
Zweitens bietet sie nicht-visuellen Benutzern eine Beschreibung von Trends und Mustern, die sonst schwer zu erkennen sein können. Sie stellt eine grundlegende Rückfalloption für Benutzer dar, falls der Rest der Visualisierung nicht zugänglich ist.
Darüber hinaus wird eine textliche Beschreibung oft von Suchmaschinen leicht erfasst, was dazu beiträgt, höhere Suchrankings für den Inhalt zu erzielen.
Stellen Sie die Daten in einem zugänglichen Tabellenformat zur Verfügung.
Die Bereitstellung der Daten in einem zugänglichen Tabellenformat dient ähnlichen Zwecken wie die textliche Zusammenfassung. Für einen nicht-visuellen Benutzer kann es eine vertraute Möglichkeit sein, durch einen Datensatz zu navigieren, und sogar einige visuelle Benutzer finden eine Datentabelle möglicherweise als ein leichter verständliches Format.
Einige Suchmaschinen können den Inhalt von Datentabellen verwenden, um ein hervorgehobenes Snippet in den Suchergebnissen anzuzeigen, was zu einem hohen Suchranking führt.
Wenn Sie auch die grafische Visualisierung selbst zugänglich machen können, ist das noch besser.
Stellen Sie sicher, dass ausreichend Kontrast und Trennung zwischen den Elementen in der Visualisierung vorhanden sind.
Die W3C WCAG 2.1-Richtlinien empfehlen ein Kontrastverhältnis von 3:1 für große und nicht-textliche Elemente. Der kleinere Text sollte ein Kontrastverhältnis von 4,5:1 zu seinem Hintergrund haben.
Verlassen Sie sich nicht nur auf Farben, um Informationen zu vermitteln, und stellen Sie sicher, dass die verwendeten Farben von Menschen mit verschiedenen Formen von Farbenblindheit unterschieden werden können.
Datenbeschriftungen, Symbole, Anmerkungen und Tooltips sind gängige Möglichkeiten, zusätzliche Informationen in Visualisierungen zu vermitteln, ohne sich auf Farben zu verlassen. Darüber hinaus können alternative Präsentationen – wie eine zugängliche Datentabelle – hilfreich sein. Es wird dennoch empfohlen, Farben als Ergänzung zu diesen Techniken zu verwenden; dies kann Visualisierungen leichter verständlich und in vielen Fällen zugänglicher machen.
Stellen Sie sicher, dass der Text lesbar ist.
Kleiner Text ist im Allgemeinen schwerer zu lesen und sollte nach Möglichkeit vermieden werden. Ziehen Sie in Betracht, gängige Abkürzungen zu verwenden, um größeren Text zu ermöglichen. Stellen Sie sicher, dass der Text nicht von anderen Diagrammelementen verdeckt wird und ausreichend Kontrast zu seinem Hintergrund hat.
Bevorzugen Sie einfache und verständliche Sprache.
Mit einfacher Sprache meinen wir eine Sprache, die so klar und einfach wie möglich sein soll, umschweifende, komplizierte Sprache vermeidet und den Gebrauch von Fachjargon minimiert.
Bevorzugen Sie einfache, vertraute Visualisierungen gegenüber komplexen Neuheiten.
Für Benutzer mit bestimmten kognitiven Beeinträchtigungen können komplexe Visualisierungen besonders herausfordernd sein. Wenn Sie eine komplexe oder neuartige Visualisierung verwenden, stellen Sie sicher, dass sie von einer textlichen Beschreibung begleitet wird, um sicherzustellen, dass die Benutzer verstehen, was die Visualisierung vermitteln soll und wie sie interpretiert werden kann.
Machen Sie interaktive Visualisierungen tastaturzugänglich.
Die Tastaturzugänglichkeit ist eine offensichtliche Anforderung für interaktive Datenvisualisierungen. Während viele Benutzer mit motorischen Beeinträchtigungen assistive Technologien verwenden, die keine Tastaturen sind, emulieren diese Werkzeuge oft das Verhalten von Tastaturen. Das bedeutet, dass Interaktionen, die für Tastaturbenutzer zugänglich sind, in Wirklichkeit auch für eine breite Palette von Benutzern mit unterschiedlichen Bedürfnissen zugänglich sind.
Wenn Sie Animationen oder Bewegungen in der Visualisierung verwenden, die ablenkend sein können, ermöglichen Sie dem Benutzer, dies auszuschalten, und respektieren Sie die CSS-Medienfunktion „prefers-reduced-motion“, wenn relevant.
Einige Benutzer, beispielsweise Benutzer mit vestibulären Störungen, können Übelkeit oder Ablenkung durch animierte Inhalte erfahren. Benutzer mit bestimmten kognitiven Beeinträchtigungen können ebenfalls durch Bewegung abgelenkt oder verwirrt werden.
Stellen Sie sicher, dass die Visualisierung auf verschiedene Bildschirmgrößen und Zoomstufen reagiert.
Reaktionsfähigkeit im modernen Webdesign ist entscheidend, sowohl angesichts der erhöhten Vielfalt an Bildschirmformaten, die heute verwendet werden, als auch für die Zugänglichkeit. Benutzer mit Sehbehinderungen werden häufig mit einer erhöhten Textgröße, benutzerdefinierten Stylesheets oder Browser-Zoom im Internet surfen. Das bedeutet, dass der Inhalt umfließen muss, um horizontales Scrollen, Abschneiden oder Überlappen von Elementen zu vermeiden.