Zum Hauptinhalt springen

Guide für barrierefreie Datenvisualisierung

Entdecke Best Practices, praxisnahe Vorlagen und fundierte Grundlagen, um Daten klar, verständlich und für alle Menschen zugänglich darzustellen.

Grundlegende Diagramme

Verstehen, wie man grundlegende Diagramme verwenden können.

Zu Diagrammen

Diagrammwahl Prinzipen

Kriterien zur Auswahl des passenden Diagrammtyps je nach Kontext.

Zu Prinzipen

Glossar

Wichtige Begriffe und Definitionen rund um Datenvisualisierung.

Zu Begriffe

Datenvisualisierungen

Beispiel Diagrammteilen

Anatomie

Die Anatomie von Datenvisualisierung verstehen: Zentrale Elemente und Begriffe für effektive Zusammenarbeit.

Anatomie ansehen
Diagramme, Ansatz je nach Medium

Anwendung Kontext

Berücksichtigung von Medium und Zweck bei der Datenvisualisierung wie Exploration Views und Dashboards.

Zu Anwendungsfälle
Beispiel komplexer Diagrammtypen

Komplexe Diagramme

Anwendungsfälle für spezifische Diagramme wie Heatmaps, Baumkarten, Blasendiagramme und Netzwerkgraphen.

Zu Diagrammen
Beispiel Diagrammtypen

Vorlagen

Praktische Mustern für Datenvisualisierungsprojekte, ideal für verschiedene Branchen und Anwendungsfälle.

Vorlagen suchen

Barrierefreiheit

Was ist digitale Barrierefreiheit?

Digitale Barrierefreiheit bedeutet, dass digitale Angebote für alle Menschen zugänglich sind. Entsprechend sind die Web Content Accessibility Guidelines (WCAG), die technische und gestalterische Anforderungen definieren.

Das umfasst Menschen mit Seh-, Hör- und motorischen Beeinträchtigungen, kognitiven Einschränkungen oder auch temporären Hindernissen, wie z. B. einem gebrochenen Arm.

Mehr zur Barrierefreiheit

Digitale Barrierefreiheit ist essenziell, um allen Menschen, unabhängig von Einschränkungen, gleichberechtigten Zugang zu digitalen Inhalten zu ermöglichen und soziale Teilhabe zu fördern.

Web Readers sind Technologien wie Screenreader, die Webinhalte für Menschen mit Sehbehinderungen vorlesen. Sie interpretieren HTML-Strukturen, Alt-Texte und ARIA-Labels für barrierefreie Navigation.

Entdecke verschiedene Barrierefreiheit-Checker-Tools: Browser-Extensions wie WAVE und axe, Farb- und Kontrast-Checker für Figma sowie automatisierte Testing-Tools für A11y-Optimierung.

Farbpaletten

Beispiel grundlegende Farbpaletten

Farbpalettentypen

Erfahren Sie mehr über die verschiedenen Arten von Farbpaletten.

Palettentypen
Barrierefreiheit Symbole und Farben

Barrierefreie Farben

Erstelle barrierefreie Farbpaletten für Diagramme.

Farben prüfen
Do's und Don'ts Illustration

Best Practices

Praktische Leitlinien für eine effektive Umsetzung und Gestaltung.

Tipps ansehen