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")

¹ https://en.wikipedia.org/wiki/Color_blindness

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

¹ https://en.wikipedia.org/wiki/Color_blindness

CVD in de praktijk

Normaal zicht

Tritanopie

Protanopie

Deuteranopie

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

Lettergroottes

Hogecontrastmodus

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

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

Slimme verhaallijnen

Onze doelgroep

• Onderzoeksorganisatie wil inflatietrends begrijpen
• Gebruikers van het rapport kunnen visuele toegankelijkheidsbehoeften hebben

Laten we oefenen!

Gebruikersgericht ontwerpen in Power BI