Návrh pro přístupnost

Uživatelsky orientovaný design v Power BI

Maarten Van den Broeck

Content Developer at DataCamp

Porucha barvocitu (CVD)

• Postihuje přibližně 8 % mužů a 0,5 % žen
• Dvě hlavní příčiny: nedostatek určitých čípků ("anomálie") nebo jejich absence ("anopie")

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

Porucha barvocitu (CVD)

• Postihuje přibližně 8 % mužů a 0,5 % žen
• Dvě hlavní příčiny: nedostatek určitých čípků ("anomálie") nebo jejich absence ("anopie")

Název	Čípky	Pravděpodobnost
Protanomalie	Červené	1 % mužů
Protanopie	Červené	1 % mužů
Deuteranomalie	Zelené	5 % mužů
Deuteranopie	Zelené	1 % mužů
Tritanomalie	Modré	Vzácné M/Ž
Tritanopie	Modré	Vzácné M/Ž

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

CVD v praxi

Typické vidění

Tritanopie

Protanopie

Deuteranopie

Tipy pro lepší práci s barvami

• Méně je více!
• Preferujte vizuály, které nepotřebují barvu jako signál
• Používejte palety přátelské k CVD
• Přidejte indikátory jiné než barva
• Využijte nástroje jako Coblis

Velikosti písma

Režim vysokého kontrastu

Zvýšení kontrastu

• Kontrastní poměr: rozdíl ve vnímané světlosti dvou barev
• Doporučeno alespoň 4,5:1 pro normální text a 3:1 pro velký text (18 bodů a více)
• Obrázky na pozadí obvykle snižují kontrastní poměr
• Použijte nástroje pro testování kontrastu

Čtečky obrazovky

• Power BI podporuje čtečky obrazovky – nástroje, které čtou text na stránce nebo „alt text" obrázku pro uživatele se zrakovým postižením
• Power BI umožňuje zobrazit vizuál jako tabulku, což usnadňuje čtení hodnot
• Alt Text popisuje vizuál a může vycházet ze statického textu nebo hodnoty pole
• Klávesové zkratky jsou omezené a čtečky nečtou veškerý obsah.

Chytré komentáře

Naše cílová skupina

• Výzkumná organizace sledující trendy inflace
• Uživatelé zprávy mohou mít obavy týkající se zrakové přístupnosti

Pojďme si procvičit!

Uživatelsky orientovaný design v Power BI