Accessibility के लिए डिज़ाइन करना

Power BI में यूज़र-ओरिएंटेड डिज़ाइन

Maarten Van den Broeck

Content Developer at DataCamp

Color vision deficiency (CVD)

  • लगभग 8% पुरुष और 0.5% महिलाएँ प्रभावित
  • दो मुख्य कारण: आँख में कुछ शंकुओं की कमी ("anomaly") या कुछ शंकुओं का न होना ("anopia")
1 https://en.wikipedia.org/wiki/Color_blindness
Power BI में यूज़र-ओरिएंटेड डिज़ाइन

Color vision deficiency (CVD)

  • लगभग 8% पुरुष और 0.5% महिलाएँ प्रभावित
  • दो मुख्य कारण: आँख में कुछ शंकुओं की कमी ("anomaly") या कुछ शंकुओं का न होना ("anopia")
Name Cones Likelihood
Protanomaly Red 1% Men
Protanopia Red 1% Men
Deuteranomaly Green 5% Men
Deuteranopia Green 1% Men
Tritanomaly Blue Rare M/F
Tritanopia Blue Rare M/F
1 https://en.wikipedia.org/wiki/Color_blindness
Power BI में यूज़र-ओरिएंटेड डिज़ाइन

CVD को क्रिया में देखें

सामान्य दृष्टि

SQL Server Integration Services, 2008 की एक नमूना इमेज.

Tritanopia

वही नमूना इमेज, tritanopia वाले लोगों की तरह दिखती हुई.

Protanopia

वही नमूना इमेज, protanopia वाले लोगों की तरह दिखती हुई.

Deuteranopia

वही नमूना इमेज, deuteranopia वाले लोगों की तरह दिखती हुई.

Power BI में यूज़र-ओरिएंटेड डिज़ाइन

बेहतर रंग उपयोग के टिप्स

  • कम ज्यादा होता है!
  • ऐसे विज़ुअल लें जिनमें रंग को संकेत न बनाना पड़े
  • CVD-फ्रेंडली कलर पैलेट्स dùng करें
  • रंग के अलावा अन्य इंडिकेटर रखें
  • Coblis जैसे टूल्स dùng करें

Treemap, protanopia वाले लोगों की तरह दिखता हुआ.

Power BI में यूज़र-ओरिएंटेड डिज़ाइन

Font sizes

अपने मौजूदा थीम को कस्टमाइज़ करें.

फ़ॉन्ट साइज को पर्याप्त बड़ा डिफ़ॉल्ट रखें.

Power BI में यूज़र-ओरिएंटेड डिज़ाइन

High contrast mode

Windows में हाई कॉन्ट्रास्ट मोड सक्षम करना.

हाई कॉन्ट्रास्ट मोड में Power BI डैशबोर्ड का उदाहरण.

Power BI में यूज़र-ओरिएंटेड डिज़ाइन

कॉन्ट्रास्ट बढ़ाना

  • Contrast ratio: दो रंगों की अनुभूत चमक का अंतर
  • सामान्य टेक्स्ट के लिए कम-से-कम 4.5:1 और बड़े टेक्स्ट (18 पॉइंट या अधिक) के लिए 3:1 सुझाया जाता है
  • बैकग्राउंड इमेज से आम तौर पर कॉन्ट्रास्ट कम होता है
  • इसे जाँचने के लिए कॉन्ट्रास्ट टेस्टिंग टूल्स dùng करें
Power BI में यूज़र-ओरिएंटेड डिज़ाइन

Screen readers

  • Power BI स्क्रीन रीडर्स सपोर्ट करता है—ऐसे टूल जो सीमित दृष्टि वाले यूज़र्स के लिए पेज के टेक्स्ट या इमेज के "alt text" को ज़ोर से पढ़ते हैं
  • Power BI किसी विज़ुअल को टेबल रूप में दिखा सकता है, जिससे वैल्यूज़ सूचीबद्ध करना आसान होता है
  • Alt Text विज़ुअल का वर्णन करता है और यह स्टैटिक टेक्स्ट या किसी फ़ील्ड की वैल्यू पर आधारित हो सकता है
  • कीबोर्ड शॉर्टकट सीमित हैं और स्क्रीन रीडर्स सारी सामग्री नहीं पढ़ते.

स्क्रीन रीडर के लिए alt text सेट करना.

Power BI में यूज़र-ओरिएंटेड डिज़ाइन

Smart narratives

स्मार्ट नैरेटिव का एक उदाहरण.

Power BI में यूज़र-ओरिएंटेड डिज़ाइन

हमारा ऑडियंस

  • महँगाई रुझानों को समझने वाला शोध संगठन
  • रिपोर्ट उपयोगकर्ताओं को विज़ुअल एक्सेसिबिलिटी की चिंता हो सकती है
Power BI में यूज़र-ओरिएंटेड डिज़ाइन

अभ्यास करते हैं!

Power BI में यूज़र-ओरिएंटेड डिज़ाइन

Preparing Video For Download...