Ontwerpen voor toegankelijkheid

Gebruikersgericht ontwerpen in Power BI

Maarten Van den Broeck

Content Developer at DataCamp

Kleurenzienstoornis (CVD)

  • Treft circa 8% van de mannen en 0,5% van de vrouwen
  • Twee hoofdoorzaken: een tekort aan bepaalde kegeltjes ("anomalie") of het ontbreken van bepaalde kegeltjes ("anopie")
1 https://en.wikipedia.org/wiki/Color_blindness
Gebruikersgericht ontwerpen in Power BI

Kleurenzienstoornis (CVD)

  • Treft circa 8% van de mannen en 0,5% van de vrouwen
  • Twee hoofdoorzaken: een tekort aan bepaalde kegeltjes ("anomalie") of het ontbreken van bepaalde kegeltjes ("anopie")
Naam Kegeltjes Kans
Protanomalie Rood 1% mannen
Protanopie Rood 1% mannen
Deuteranomalie Groen 5% mannen
Deuteranopie Groen 1% mannen
Tritanomalie Blauw Zeldzaam m/v
Tritanopie Blauw Zeldzaam m/v
1 https://en.wikipedia.org/wiki/Color_blindness
Gebruikersgericht ontwerpen in Power BI

CVD in de praktijk

Normaal zicht

Een voorbeeldafbeelding van SQL Server Integration Services uit 2008.

Tritanopie

Dezelfde voorbeeldafbeelding, maar zoals gezien door mensen met tritanopie.

Protanopie

Dezelfde voorbeeldafbeelding, maar zoals gezien door mensen met protanopie.

Deuteranopie

Dezelfde voorbeeldafbeelding, maar zoals gezien door mensen met deuteranopie.

Gebruikersgericht ontwerpen in Power BI

Tips voor beter kleurgebruik

  • Minder is meer!
  • Gebruik visuele elementen die geen kleur als signaal nodig hebben
  • Gebruik CVD-vriendelijke kleurpaletten
  • Voeg naast kleur ook andere aanwijzingen toe
  • Gebruik tools zoals Coblis

De boomkaart zoals gezien door mensen met protanopie.

Gebruikersgericht ontwerpen in Power BI

Lettergroottes

Pas je bestaande thema aan.

Stel een voldoende grote standaardlettergrootte in.

Gebruikersgericht ontwerpen in Power BI

Hogecontrastmodus

Hogecontrastmodus inschakelen in Windows.

Voorbeeld van een Power BI-dashboard in hogecontrastmodus.

Gebruikersgericht ontwerpen in Power BI

Contrast verhogen

  • Contrastverhouding: verschil in waargenomen helderheid tussen twee kleuren
  • Aanbevolen: minimaal 4,5:1 voor normale tekst en 3:1 voor grote tekst (18 pt of groter)
  • Achtergrondafbeeldingen verlagen vaak de contrastverhouding
  • Check dit met contrasttesttools
Gebruikersgericht ontwerpen in Power BI

Schermlezers

  • Power BI ondersteunt schermlezers—tools die tekst op een pagina of de "alt-tekst" van een afbeelding voorlezen
  • Power BI kan een visual als tabel tonen, zodat waarden makkelijker te lezen zijn
  • Alt-tekst beschrijft de visual en kan statisch zijn of gebaseerd op een veldwaarde
  • Sneltoetsen zijn beperkt en schermlezers lezen niet alle inhoud

Alt-tekst instellen voor een schermlezer.

Gebruikersgericht ontwerpen in Power BI

Slimme verhaallijnen

Voorbeeld van een slimme verhaallijn.

Gebruikersgericht ontwerpen in Power BI

Onze doelgroep

  • Onderzoeksorganisatie wil inflatietrends begrijpen
  • Gebruikers van het rapport kunnen visuele toegankelijkheidsbehoeften hebben
Gebruikersgericht ontwerpen in Power BI

Laten we oefenen!

Gebruikersgericht ontwerpen in Power BI

Preparing Video For Download...