WCAG AA कंट्रास्ट थ्रेशोल्ड
Formula
सामान्य पाठ: 4.5:1; बड़ा पाठ (≥18pt या 14pt बोल्ड): 3:1; यूआई घटक: 3:1.
Variables
- आर, जी, बी
- एसआरजीबी चैनल (0-255 या 0-1 सामान्यीकृत)
- एच, एस, एल
- एचएसएल में रंग (डिग्री), संतृप्ति और हल्कापन (0-1)।
- एल
- सापेक्ष चमक (WCAG) या HSL/OKLCH में हल्कापन
FAQ
- क्या WCAG AA कंट्रास्ट थ्रेशोल्ड प्रिंट वर्कफ़्लोज़ के लिए सटीक है?
- स्क्रीन आरजीबी और प्रिंट सीएमवाईके अलग-अलग सरगम का उपयोग करते हैं। रूपांतरणों को अनुमानित प्रमाण मानें; वाणिज्यिक प्रिंट के लिए आईसीसी प्रोफाइल के साथ अंशांकन करें।
- क्या मैं इस फ़ॉर्मूले का उपयोग CSS में कर सकता हूँ?
- आधुनिक सीएसएस कई ऑपरेशनों के लिए कलर-मिक्स(), ओकेएलसीएच() और लैब() का समर्थन करता है। जटिल पाइपलाइनों के लिए, जावास्क्रिप्ट में गणना करें और सीएसएस चर निर्यात करें।
- क्या Color DevByte मेरे रंग अपलोड करता है?
- नहीं, सूत्र संदर्भ पृष्ठ स्थिर दस्तावेज़ हैं; इंटरैक्टिव टूल आपके ब्राउज़र में 100% क्लाइंट-साइड चलते हैं।
सिंहावलोकन
स्तर एए अनुपालन के लिए न्यूनतम कंट्रास्ट अनुपात।
Color DevByte इस फ़ॉर्मूले को उन डेवलपर्स, डिज़ाइनरों और एक्सेसिबिलिटी समीक्षकों के लिए दस्तावेज़ित करता है, जिन्हें सर्वर पर डेटा भेजे बिना प्रतिलिपि प्रस्तुत करने योग्य रंग गणित की आवश्यकता होती है।
इस फ़ॉर्मूले को लाइव पूर्वावलोकन और बहु-प्रारूप निर्यात के साथ इंटरैक्टिव रूप से लागू करने के लिए लिंक किए गए रंग टूल का उपयोग करें।
इस फॉर्मूले का उपयोग कब करें
डिज़ाइन टोकन बनाते समय, WCAG कंट्रास्ट को मान्य करते समय, या CSS, टेलविंड, या डिज़ाइन-सिस्टम JSON में रंग पाइपलाइनों को स्वचालित करते समय wcag aa कंट्रास्ट थ्रेशोल्ड लागू करें।
उत्पादन यूआई के लिए, हमेशा कंट्रास्ट चेकर या विज़ुअल पूर्वावलोकन के साथ परिणामों को सत्यापित करें - गामा सुधार और गैमट मैपिंग में किनारे के मामले परिणामों को बदल सकते हैं।
कार्यान्वयन नोट्स
ब्राउज़र-आधारित टूल को ल्यूमिनेंस या ΔE गणना से पहले sRGB को रैखिक बनाना चाहिए।
आरजीबी मिश्रणों में सामान्य भूरे रंग के मध्य बिंदुओं से बचने के लिए ग्रेडिएंट और थीम के लिए ओकेएलसीएच या लैब इंटरपोलेशन को प्राथमिकता दें।