Designa för tillgänglighet

Användarcentrerad design i Power BI

Maarten Van den Broeck

Content Developer at DataCamp

Färgseendedefekt (CVD)

• Drabbar ungefär 8 % av män och 0,5 % av kvinnor
• Två huvudorsaker: brist på vissa tappar i ögat ("anomali") eller avsaknad av vissa tappar ("anopi")

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

Färgseendedefekt (CVD)

• Drabbar ungefär 8 % av män och 0,5 % av kvinnor
• Två huvudorsaker: brist på vissa tappar i ögat ("anomali") eller avsaknad av vissa tappar ("anopi")

Namn	Tappar	Förekomst
Protanomal	Röd	1 % män
Protanopi	Röd	1 % män
Deuteranomal	Grön	5 % män
Deuteranopi	Grön	1 % män
Tritanomal	Blå	Sällsynt M/K
Tritanopi	Blå	Sällsynt M/K

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

CVD i praktiken

Normalt seende

Tritanopi

Protanopi

Deuteranopi

Tips för bättre färganvändning

• Mindre är mer!
• Välj visualiseringar som inte förlitar sig på färg som signal
• Använd CVD-vänliga färgpaletter
• Använd andra indikatorer än färg
• Testa med verktyg som Coblis

Teckenstorlekar

Högkontrastläge

Öka kontrasten

• Kontrastförhållande: skillnad i upplevd ljusstyrka mellan två färger
• Rekommenderat minst 4,5:1 för normal text och 3:1 för stor text (18 punkter eller större)
• Bakgrundsbilder ger vanligtvis lägre kontrastförhållanden
• Använd kontrasttestverktyg för att kontrollera detta

Skärmläsare

• Power BI stöder skärmläsare – verktyg som läser upp text på en sida eller "alt-text" för bilder, för användare med nedsatt syn
• Power BI kan visa en visualisering som en tabell, vilket gör det enklare för en skärmläsare att lista värden
• Alt-text beskriver visualiseringen och kan baseras på statisk text eller värdet i ett fält
• Kortkommandon är begränsade och skärmläsare läser inte allt innehåll.

Smarta berättelser

Vår målgrupp

• Forskningsorganisation som vill förstå inflationstrender
• Rapportanvändare kan ha visuella tillgänglighetsbehov

Nu kör vi en övning!

Användarcentrerad design i Power BI