कॉन्ट्रास्ट चेकर इस्तेमाल कैसे करें
- 1
दो रंग डालें
टेक्स्ट का रंग और बैकग्राउंड का रंग HEX, rgb(), hsl() या oklch() में लिखें, या गोल स्वैच खोलकर रंग चुनें।
- 2
नतीजा पढ़ें
अनुपात और पास या फ़ेल की पाँच पंक्तियाँ सामान्य और बड़े टेक्स्ट के लिए AA और AAA दिखाती हैं, साथ ही आइकन और बॉर्डर के लिए 3:1 का नियम भी।
- 3
सुधार लागू करें
अगर कोई स्तर फ़ेल हो, तो सबसे नज़दीकी गहरा या हल्का टेक्स्ट या बैकग्राउंड इस्तेमाल करें जो पास होता है, फिर नई वैल्यू कॉपी करें।
सीमाएँ और Pro
मुफ़्त और असीमित: जितनी चाहें जाँच, हर जोड़ी पर WCAG 2.2 के 5 क्राइटेरिया, हर फ़ेल स्तर पर 2 सुझाए गए सुधार, और 7 रंगों तक का ग्रिड।
कॉन्ट्रास्ट चेकर के बारे में
यह कंट्रास्ट चेकर WCAG 2.2 के रिलेटिव-ल्यूमिनेंस फ़ॉर्मूले से नापता है कि दो रंग चमक में एक-दूसरे से कितने अलग हैं। यही गणना ब्राउज़र के एक्सेसिबिलिटी ऑडिट और डिज़ाइन प्लगइन भी इस्तेमाल करते हैं। नतीजा 1:1 (एक जैसे रंग) से 21:1 (सफ़ेद पर काला) के बीच का अनुपात होता है। सक्सेस क्राइटेरिया 1.4.3 में AA स्तर पर सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 चाहिए; 1.4.6 में AAA के लिए यह 7:1 और 4.5:1 हो जाता है; 1.4.11 में फ़ोकस रिंग, इनपुट की आउटलाइन और चार्ट की लाइन जैसे अर्थपूर्ण नॉन-टेक्स्ट तत्वों के लिए 3:1 चाहिए।
लाइव सैंपल आपके रंगों में दोनों साइज़ का टेक्स्ट, आउटलाइन वाला बटन और एक आइकन दिखाता है, ताकि आप संख्या के साथ पढ़ने की सुविधा भी परख सकें। अनुपात को राउंड नहीं किया जाता, दशमलव के दो अंकों तक काट दिया जाता है, क्योंकि 4.496:1 वाली जोड़ी 4.5:1 की शर्त पूरी नहीं करती। कोई स्तर फ़ेल होने पर चेकर एक रंग की OKLCH लाइटनेस में खोजता है, उसका ह्यू और क्रोमा वही रखता है, और टेक्स्ट व बैकग्राउंड के लिए अलग-अलग सबसे नज़दीकी पास होने वाली वैल्यू सुझाता है।
यह चेकर सिर्फ़ ठोस रंगों के लिए है। यह फ़ोटो या ग्रेडिएंट पर रखे टेक्स्ट, पारदर्शिता, किसी खास स्क्रीन पर फ़ॉन्ट की मोटाई के असर, या WCAG 3 के लिए प्रस्तावित नए APCA तरीके को नहीं जाँच सकता। इसलिए पास को न्यूनतम मानें और असली स्क्रीन पर भी जाँचें।
गोपनीयता
दोनों रंग इसी टैब में रहते हैं: अनुपात, पास और फ़ेल की जाँच और सुझाए गए सुधार आपका ब्राउज़र निकालता है, और कोई रंग वैल्यू सर्वर पर भेजी या सेव नहीं की जाती।