Inhaltsverzeichnis überspringen

barrierefrei im Bild

  • kontrastreiche Farben für die Bestandteile der Diagramme (wie Säulen oder Kuchenstücke) verwenden, sowohl zum Hintergrund als auch zueinander
  • Sicherstellen, dass Diagramme auch in schwarz/weiß lesbar sind
  • Nicht nur Farben nutzen, sondern auch unterschiedliche Texturen, um Bestandteile voneinander abzugrenzen (gemäß WCAG 1.4.1 - Use of color  (Level A)).
  • Direktbeschriftung der Diagrammbestandteile in Betracht ziehen, anstatt eine Legende zu verwenden. Dadurch wird das schnelle Zuordnen und Erfassen erleichtert und die Verwechslungsgefahr aufgrund ähnlicher Farbwahl reduziert.
  • Auf ausreichende Abstand zwischen den Diagrammbestandteilen achten, wie zum Beispiel zwischen den Stücken eines Kreisdiagramms. Dies erleichtert ebenfalls das schnelle Zuordnen und verringert das Risiko von Verwechslungen.

barrierefrei im Text

  • Diagramme einen beschreibenden Titel geben 
  • Sicherstellen, dass eine screenreader-freundliche Beschreibung des Diagramms existiert, welche die Ergebnisse der Daten in Textform zusammenfasst.
  • Kurze und einfache Beschriftungen für die Bestandteile des Diagramms verwenden, insbesondere wenn eine Direktbeschriftung ohne Verwendung einer Legende bevorzugt wird.
  • Alternative Darstellungen des Diagramms anbieten, zum Beispiel eine Darstellung der Werte als Tabelle, um sicherzustellen, dass Ihre Inhalte gemäß WCAG 1.1.1 - Non-text-Content (Level A) zugänglich sind.

Diese Seite wurde am 14.08.2023 erstellt und zuletzt am 05.07.2024 aktualisiert.