Color Contrast Checker Tool एक छोटी Android यूटिलिटी है जो एक काम के लिए बनाई गई है: बताना कि क्या टेक्स्ट कलर वास्तव में बैकग्राउंड के विरुद्ध पढ़ा जा सकता है, WCAG मानक द्वारा उपयोग किए जाने वाले समान गणित का उपयोग करके। हमें यह विचार इतना पसंद आया कि हमने अपना खुद का ब्राउज़र संस्करण बनाया, Clarity Check, ताकि जो कोई भी किसी वेबसाइट, स्लाइड डेक, या ऐप के लिए रंग चुन रहे हैं, उन्हें संख्या प्राप्त करने के लिए कुछ भी इंस्टॉल करने की आवश्यकता न हो। दो रंग चुनें और जैसे ही आप कोई भी बदलते हैं, अनुपात तुरंत अपडेट हो जाता है।
अभी कंट्रास्ट अनुपात जांचें
यह एक वास्तविक जोड़ी के साथ खुलता है जो पहले से लोड होती है, Indigo पर सफेद टेक्स्ट, इसलिए आप कुछ भी छुए बिना पहले से ही एक लाइव अनुपात और पास/फेल बैज देखते हैं। एक कलर पिकर को खींचें या अपनी खुद की जोड़ी जांचने के लिए एक hex कोड टाइप करें।
इसे कैसे उपयोग करें
“Text” के अंतर्गत अपना टेक्स्ट कलर और “On” के अंतर्गत अपना बैकग्राउंड सेट करें, या तो नेटिव कलर पिकर को खींचकर या सीधे एक hex कोड टाइप करके। अनुपात, लाइव टेक्स्ट प्रीव्यू, और तीनों बैज (AA टेक्स्ट, AA बड़ा, AAA टेक्स्ट) सभी हर बदलाव पर अपडेट होते हैं, कोई बटन दबाने की जरूरत नहीं। Swap टैप करें टेक्स्ट और बैकग्राउंड को फ्लिप करने के लिए, या तैयार जोड़ी लोड करने और देखने के लिए प्रीसेट पेयर में से एक टैप करें कि वह कहां लगता है। आप जो कुछ भी टाइप करते हैं वह आपके ब्राउज़र में रहता है; आपकी आखिरी जोड़ी आपके डिवाइस पर सहेजी जाती है ताकि अगली बार जब आप पृष्ठ खोलते हैं तो वह अभी भी वहां हो।
यह Color Contrast Checker Tool से कैसे तुलना करता है
Clarity Check मूल ऐप के उस हिस्से को रखता है जो वास्तव में दिन-प्रतिदिन महत्वपूर्ण है: दो रंग टाइप करें या चुनें, WCAG कंट्रास्ट अनुपात प्राप्त करें और AA और AAA थ्रेशहोल्ड के विरुद्ध स्पष्ट पास या फेल, तुरंत और बिना किसी खाते के। लाइव टेक्स्ट प्रीव्यू हमारा अपना जोड़ है, इसलिए आप केवल एक संख्या नहीं पढ़ रहे हैं, आप पेयरिंग को उस तरीके से प्रस्तुत करते हुए देख रहे हैं जैसे एक पाठक वास्तव में करेगा।
हमने जो छोड़ा है वह एक समर्पित Android ऐप का बाकी हिस्सा है: सहेजे गए प्रोजेक्ट इतिहास, एक बार में कई जोड़ियों की जांच करना, और एक एकल ब्राउज़र टैब के परे कोई ऑफलाइन एक्सेस नहीं। यदि आप किसी चीज़ को डिज़ाइन करते समय वेब पर एक बार रंग जांच रहे हैं, तो Clarity Check काफी है। यदि कंट्रास्ट जांच आपके नियमित वर्कफ़्लो का हिस्सा है और आप इसे अपने फ़ोन पर ब्राउज़र टैब खोले बिना चाहते हैं, तो Android ऐप बेहतर फिट है।
एक और चीज़ जो उल्लेख करने लायक है: हमने अपने स्वयं के टूल के इंटरफेस को समान मानक तक रखा जो इसे मापता है। पृष्ठ पर हर टेक्स्ट चीज़, लेबल, बैज, बटन, इसके बैकग्राउंड के विरुद्ध 4.5:1 कंट्रास्ट साफ़ करता है। एक कंट्रास्ट चेकर जो अपने स्वयं के परीक्षण को पास नहीं कर सकता, विचार के लिए एक बुरा विज्ञापन होगा।
पूर्ण ऐप प्राप्त करें
Color Contrast Checker Tool एक मुफ्त Android ऐप है यदि आप ब्राउज़र के बाहर कंट्रास्ट जांच उपलब्ध चाहते हैं, आपका इतिहास डिवाइस पर सहेजे गए साथ।
अक्सर पूछे जाने वाले प्रश्न
यह कंट्रास्ट चेकर किस सूत्र का उपयोग करता है?
WCAG 2.1 से बिल्कुल सही: इसके sRGB चैनलों से प्रत्येक रंग के लिए सापेक्ष चमक, फिर कंट्रास्ट अनुपात (L1 + 0.05) / (L2 + 0.05) हल्के और गहरे चमक का उपयोग करके। यह वही गणित है जो ब्राउज़र और डिज़ाइन टूल उपयोग करते हैं, इसलिए एक काला-सफेद जोड़ी यहां 21:1 पढ़ता है जैसे यह कहीं और भी करता है।
AA और AAA का वास्तव में क्या अर्थ है?
वे टेक्स्ट कंट्रास्ट के लिए WCAG 2.1 अनुपालन स्तर हैं। AA को सामान्य टेक्स्ट के लिए कम से कम 4.5:1 और बड़े टेक्स्ट के लिए 3:1 की आवश्यकता होती है (लगभग 18px बोल्ड या 24px नियमित और उससे अधिक)। AAA अधिक सख्त है: सामान्य टेक्स्ट के लिए 7:1। अधिकांश साइटें और ऐप्स AA को लक्ष्य करते हैं; AAA उस सामग्री के लिए है जहां पठनीयता और भी अधिक महत्वपूर्ण है, जैसे कि पहुंच-केंद्रित उत्पाद।
क्या यह असली Color Contrast Checker Tool है?
नहीं। Clarity Check एक ब्राउज़र टूल है जो हमने बनाया है, Android ऐप से प्रेरित, और यह इसके डेवलपर द्वारा अनुमोदित नहीं है या संबंधित नहीं है। यह समान WCAG सूत्र चलाता है, लेकिन यह हमारा अपना कोड और इंटरफेस है। ऊपर दिए गए डाउनलोड लिंक वास्तविक ऐप पर जाते हैं।
क्या यह ऑफलाइन काम करता है, और मेरा डेटा निजी है?
एक बार पृष्ठ लोड होने के बाद, यह कोई और नेटवर्क अनुरोध नहीं करता है, इसलिए एक गिरा हुआ कनेक्शन इसे काम करने से नहीं रोकेगा। आप जो कुछ भी टाइप करते हैं या चुनते हैं वह कहीं भी नहीं भेजा जाता है; आपके आखिरी रंग केवल आपके अपने ब्राउज़र के स्थानीय भंडारण में सहेजे जाते हैं।
क्या यह मुफ्त है?
हां, बिल्कुल। कोई विज्ञापन नहीं, कोई खाता नहीं, आप कितनी भी जोड़ियों की जांच कर सकते हैं पर कोई सीमा नहीं।
