Erişilebilirlik için tasarım

Power BI'de Kullanıcı Odaklı Tasarım

Maarten Van den Broeck

Content Developer at DataCamp

Renk görme eksikliği (CVD)

  • Yaklaşık erkeklerin %8'i, kadınların %0,5'i etkilenir
  • İki ana neden: gözde belirli konilerin eksikliği ("anomali") veya belirli konilerin yokluğu ("anopi")
1 https://en.wikipedia.org/wiki/Color_blindness
Power BI'de Kullanıcı Odaklı Tasarım

Renk görme eksikliği (CVD)

  • Yaklaşık erkeklerin %8'i, kadınların %0,5'i etkilenir
  • İki ana neden: gözde belirli konilerin eksikliği ("anomali") veya belirli konilerin yokluğu ("anopi")
Ad Koniler Olasılık
Protanomali Kırmızı %1 Erkek
Protanopi Kırmızı %1 Erkek
Deuteranomali Yeşil %5 Erkek
Deuteranopi Yeşil %1 Erkek
Tritanomali Mavi Nadir K/E
Tritanopi Mavi Nadir K/E
1 https://en.wikipedia.org/wiki/Color_blindness
Power BI'de Kullanıcı Odaklı Tasarım

CVD uygulamada

Tipik görme

2008'de SQL Server Integration Services'tan örnek bir görsel.

Tritanopi

Aynı görsel, tritanopisi olan kişilerin gördüğü gibi.

Protanopi

Aynı görsel, protanopisi olan kişilerin gördüğü gibi.

Deuteranopi

Aynı görsel, deuteranopisi olan kişilerin gördüğü gibi.

Power BI'de Kullanıcı Odaklı Tasarım

Daha iyi renk kullanımı için ipuçları

  • Az, çoktur!
  • Sinyal olarak renge ihtiyaç duymayan görselleri tercih edin
  • CVD dostu renk paletleri kullanın
  • Rengin dışında göstergeler bulundurun
  • Coblis gibi araçları kullanın

Protanopi olan kişilerin gördüğü ağaç haritası.

Power BI'de Kullanıcı Odaklı Tasarım

Yazı tipi boyutları

Mevcut temanızı özelleştirin.

Yazı tipi boyutunu yeterince büyük bir varsayılan değere ayarlayın.

Power BI'de Kullanıcı Odaklı Tasarım

Yüksek karşıtlık modu

Windows'da yüksek karşıtlık modunu etkinleştirme.

Yüksek karşıtlık modunda bir Power BI panosu örneği.

Power BI'de Kullanıcı Odaklı Tasarım

Karşıtlığı artırma

  • Karşıtlık oranı: iki rengin algılanan parlaklık farkı
  • Öneri: normal metin için en az 4,5:1, büyük metin için 3:1 (18 punto ve üstü)
  • Arka plan görselleri genelde karşıtlığı düşürür
  • Bunu kontrol etmek için karşıtlık test araçları kullanın
Power BI'de Kullanıcı Odaklı Tasarım

Ekran okuyucular

  • Power BI, sınırlı görüşe sahip kullanıcılar için sayfadaki metni veya bir görselin "alt metnini" seslendiren ekran okuyucuları destekler
  • Power BI, bir görseli tablo olarak göstermeyi destekler; bu, okuyucunun değerleri listelemesini kolaylaştırır
  • Alt Metin, görseli açıklar ve statik metne veya bir alanın değerine dayanabilir
  • Klavye kısayolları sınırlıdır ve ekran okuyucular tüm içeriği okumaz

Ekran okuyucu için alt metin ayarlama.

Power BI'de Kullanıcı Odaklı Tasarım

Akıllı anlatımlar

Akıllı anlatıma bir örnek.

Power BI'de Kullanıcı Odaklı Tasarım

Hedef kitlemiz

  • Enflasyon eğilimlerini anlamak isteyen bir araştırma kuruluşu
  • Rapor kullanıcılarında görsel erişilebilirlik endişeleri olabilir
Power BI'de Kullanıcı Odaklı Tasarım

Haydi pratik yapalım!

Power BI'de Kullanıcı Odaklı Tasarım

Preparing Video For Download...