अपने ऐप्लिकेशन के इंटरफ़ेस के लिए चुने गए कलर से इस बात पर असर पड़ता है कि उपयोगकर्ता उसे कितनी आसानी से पढ़ और समझ सकते हैं. सही मात्रा में कलर कंट्रास्ट होने से, टेक्स्ट और इमेज को पढ़ना और समझना आसान हो जाता है.
सही मात्रा में कलर कंट्रास्ट होने से दृष्टि बाधित उपयोगकर्ताओं को फ़ायदा मिलता है. इससे डिवाइसों पर किसी इंटरफ़ेस को तेज़ रोशनी (जैसे- सीधी धूप) में या कम चमक वाले डिसप्ले पर मौजूद कॉन्टेंट को समझने में उपयोगकर्ताओं को आसानी होती है.
लागू करना
किसी ऐप्लिकेशन का यूज़र इंटरफ़ेस लागू करते समय, सही मात्रा में कलर कंट्रास्ट के साथ बैकग्राउंड और फ़ोरग्राउंड के रंग की जानकारी दें.
"कंट्रास्ट रेशियो", किसी डिसप्ले पर आस-पास के दो कलर के बीच चमक (ल्यूमिनेंस) या उत्सर्जित रोशनी की तीव्रता में अंतर की गणना है. इस रेशियो की रेंज 1 से 21 तक होती है. आम तौर पर, इसे 1:1 से 21:1 के रूप में लिखा जाता है. इसमें बढ़ती संख्या का मतलब, ज़्यादा कंट्रास्ट होने से है. आस-पास के दो कलर के कंट्रास्ट रेशियो की गणना करने के लिए, फ़िलहाल कई टूल उपलब्ध हैं, जैसे कि कलर कंट्रास्ट रेशियो कैलकुलेटर.
टेक्स्ट दिखाने के लिए TextView का इस्तेमाल करते समय , android:textColor और android:background का उपयोग करें. ऐसा करने से, उच्च कंट्रास्ट रेशियो वाले फ़ोरग्राउंड और बैकग्राउंड कलर तय किए जा सकेंगे. Compose में टेक्स्ट का इस्तेमाल करते समय, कलर पैरामीटर और Modifier.background का उपयोग करें. ऐसा करने से, उच्च कंट्रास्ट रेशियो वाले फ़ोरग्राउंड और बैकग्राउंड कलर तय किए जा सकेंगे.
- छोटे टेक्स्ट (18 पॉइंट से कम वाले सामान्य टेक्स्ट या 14 पॉइंट वाले बोल्ड टेक्स्ट) के लिए, कंट्रास्ट रेशियो कम से कम 4.5:1 होना चाहिए
- बड़े टेक्स्ट (18 और उससे ज़्यादा पॉइंट वाले सामान्य टेक्स्ट या 14 और उससे ज़्यादा पॉइंट वाले बोल्ड टेक्स्ट) के लिए, कंट्रास्ट रेशियो कम से कम 3.0:1 होना चाहिए
कलर कंट्रास्ट के बारे में नोट:
-
ग्राफ़िकल कॉन्टेंट या आइकोनोग्राफ़ी बनाने के लिए
ImageViewयाImageका इस्तेमाल करते समय, पक्का करें कि फ़ोरग्राउंड और बैकग्राउंड कलर के बीच का कंट्रास्ट, सुझाए गए रेशियो के बराबर या उससे ज़्यादा हो - कंट्रास्ट रेशियो की गणना, अन्य एलिमेंट पर लेयर के रूप में इस्तेमाल किए गए किसी एलिमेंट के फ़ोरग्राउंड और बैकग्राउंड कलर के आधार पर की जाती है. ARGB फ़ॉर्मैट (#AARRGGBB की हेक्स वैल्यू) में कलर तय करते समय, ध्यान रखें कि 255 से कम की ऐल्फ़ा-चैनल वैल्यू वाले ट्रांसपैरंट कलर और उनके नीचे मौजूद रेंडर किए गए कॉन्टेंट का कलर ब्लेंड हो जाने से एक अलग कलर बन सकता है.
- फ़ॉन्ट-स्मूदिंग और एंटी-एलियासिंग से कुछ कॉन्टेंट, खासकर कम चौड़े स्ट्रोक (लो-स्ट्रोक विड्थ) वाले कॉन्टेंट का कलर प्रभावित हो सकता है. कॉन्टेंट को पढ़ने में आसानी हो, इसलिए ज़्यादा कंट्रास्ट रेशियो वाला कलर कॉम्बिनेशन चुनें या कॉन्टेंट के स्ट्रोक की चौड़ाई बढ़ाएं.
डिज़ाइन
यूज़र इंटरफ़ेस को डिज़ाइन करते समय पास-पास मौजूद कलर के लिए, सही मात्रा वाला कलर कंट्रास्ट पैलेट चुनें.
- खास तौर पर, टेक्स्ट और आइकोनोग्राफ़ी में सबसे कम कंट्रास्ट रेशियो इस्तेमाल करने के लिए W3C के दिशा-निर्देश का पालन करें
- विकल्प के तौर पर कोई उच्च कंट्रास्ट थीम शामिल करें या उपयोगकर्ता को प्राइमरी कॉन्टेंट के लिए कलर चुनने की अनुमति दें
ज़्यादा जानकारी के लिए, Material Design के Accessibility सेक्शन में कलर और कंट्रास्ट से जुड़े दिशा-निर्देश देखें.
टेस्ट करना
किसी ऐप्लिकेशन में, कलर कंट्रास्ट को मैन्युअल रूप से टेस्ट करने का तरीका:
- ऐप्लिकेशन खोलें.
- कोई स्क्रीनशॉट लें.
- इमेज देखने या एडिट करने के सॉफ़्टवेयर का इस्तेमाल करके, स्क्रीनशॉट से कलर का सटीक सैंपल निकालने के लिए "आईड्रॉपर टूल" का इस्तेमाल करें.
- पास-पास मौजूद कलर का कंट्रास्ट रेशियो जानने के लिए, कंट्रास्ट रेशियो कैलकुलेटर का इस्तेमाल करें.
- अगर कंट्रास्ट रेशियो, W3C के दिशा-निर्देश के मुताबिक तय रेशियो से कम है, तो बढ़ा हुआ कलर कंट्रास्ट, इंटरफ़ेस के लिए फ़ायदेमंद साबित हो सकता है.
Android के ऑटोमेटेड टेस्टिंग टूल, कलर कंट्रास्ट से जुड़ी कई समस्याओं का पता लगा सकते हैं. डिवाइस पर अपने ऐप्लिकेशन को मैन्युअल तौर पर टेस्ट करने के लिए, Android के लिए Accessibility Scanner इस्तेमाल करें. ऑटोमेटेड टेस्ट के लिए, Espresso और Robolectric में सुलभता चेक इन चालू करें.