Barrierefrei gestalten

Nutzerorientiertes Design in Power BI

Maarten Van den Broeck

Content Developer at DataCamp

Farbsinnstörung (CVD)

  • Betrifft ca. 8 % der Männer und 0,5 % der Frauen
  • Zwei Hauptursachen: eingeschränkt funktionierende bestimmte Zapfen („Anomalie“) oder fehlende bestimmte Zapfen („Anopie“)
1 https://en.wikipedia.org/wiki/Color_blindness
Nutzerorientiertes Design in Power BI

Farbsinnstörung (CVD)

  • Betrifft ca. 8 % der Männer und 0,5 % der Frauen
  • Zwei Hauptursachen: eingeschränkt funktionierende bestimmte Zapfen („Anomalie“) oder fehlende bestimmte Zapfen („Anopie“)
Name Zapfen Wahrscheinlichkeit
Protanomalie Rot 1 % Männer
Protanopie Rot 1 % Männer
Deuteranomalie Grün 5 % Männer
Deuteranopie Grün 1 % Männer
Tritanomalie Blau Selten M/W
Tritanopie Blau Selten M/W
1 https://en.wikipedia.org/wiki/Color_blindness
Nutzerorientiertes Design in Power BI

CVD in Aktion

Normales Sehen

Ein Beispielbild aus SQL Server Integration Services von 2008.

Tritanopie

Dasselbe Bild, wie es bei Tritanopie aussieht.

Protanopie

Dasselbe Bild, wie es bei Protanopie aussieht.

Deuteranopie

Dasselbe Bild, wie es bei Deuteranopie aussieht.

Nutzerorientiertes Design in Power BI

Tipps für bessere Farbnutzung

  • Weniger ist mehr!
  • Nutze Visuals, die Farbe nicht als Signal brauchen
  • Verwende CVD-freundliche Paletten
  • Nutze Indikatoren zusätzlich zur Farbe
  • Tools wie Coblis verwenden

Die Treemap aus Sicht von Personen mit Protanopie.

Nutzerorientiertes Design in Power BI

Schriftgrößen

Passe dein vorhandenes Design an.

Setze eine ausreichend große Standard-Schriftgröße.

Nutzerorientiertes Design in Power BI

Hochkontrastmodus

Hochkontrastmodus in Windows aktivieren.

Beispiel eines Power BI-Dashboards im Hochkontrastmodus.

Nutzerorientiertes Design in Power BI

Kontrast erhöhen

  • Kontrastverhältnis: Unterschied der wahrgenommenen Helligkeit zweier Farben
  • Empfohlen mind. 4,5:1 für normalen Text und 3:1 für großen Text (18 pt oder größer)
  • Hintergrundbilder senken oft das Kontrastverhältnis
  • Mit Kontrast-Tests prüfen
Nutzerorientiertes Design in Power BI

Screenreader

  • Power BI unterstützt Screenreader – Tools, die Text auf einer Seite oder das „Alt-Text“ eines Bildes vorlesen
  • Power BI kann ein Visual als Tabelle zeigen, um Werte leichter aufzulisten
  • Alt-Text beschreibt das Visual; statischer Text oder Feldwert möglich
  • Tastenkürzel sind begrenzt und Screenreader lesen nicht alles

Alt-Text für einen Screenreader festlegen.

Nutzerorientiertes Design in Power BI

Smart Narratives

Beispiel für eine Smart Narrative.

Nutzerorientiertes Design in Power BI

Unsere Zielgruppe

  • Forschungsorganisation will Inflationstrends verstehen
  • Berichtsnutzende könnten Sehbeeinträchtigungen haben
Nutzerorientiertes Design in Power BI

Lass uns üben!

Nutzerorientiertes Design in Power BI

Preparing Video For Download...