WCAG पैलेट विश्लेषक
अपनी पूरी रंग पैलेट का WCAG अनुपालन विश्लेषण करें, देखें कौन से जोड़े AA और AAA कंट्रास्ट पास करते हैं और सुलभता सुधारें।
विश्लेषण हेतु पैलेट
कंट्रास्ट मैट्रिक्स
Primary | Secondary | Background | Text | Muted | |
|---|---|---|---|---|---|
Primary | — | 1.15 Fail | 3.68 AA-L | 3.98 AA-L | 1.29 Fail |
Secondary | 1.15 Fail | — | 4.23 AA-L | 3.45 AA-L | 1.12 Fail |
Background | 3.68 AA-L | 4.23 AA-L | — | 14.63 AAA | 4.76 AA |
Text | 3.98 AA-L | 3.45 AA-L | 14.63 AAA | — | 3.07 AA-L |
Muted | 1.29 Fail | 1.12 Fail | 4.76 AA | 3.07 AA-L | — |
WCAG 2.1 संकेत-सूची
स्तर AAA
अनुपात ≥ 7:1 - उत्कृष्ट
स्तर AA
अनुपात ≥ 4.5:1 - मानक
AA बड़ा
अनुपात ≥ 3:1 - बड़ा टेक्स्ट
असफल
अनुपात < 3:1 - अनुपालन नहीं
अपनी पूरी रंग पैलेट का WCAG अनुपालन विश्लेषण करें, देखें कौन से जोड़े AA और AAA कंट्रास्ट पास करते हैं और सुलभता सुधारें।
WCAG पैलेट विश्लेषक केवल वही नियंत्रण और परिणाम दिखाता है जो उसके काम से जुड़े हैं। उपलब्ध विकल्प टूल और दिए गए इनपुट पर निर्भर करते हैं।
समर्थित प्रारूप
यह कैसे काम करता है
चरण 1
WCAG पैलेट विश्लेषक खोलें और इंटरफ़ेस द्वारा मांगा गया इनपुट तैयार करें
चरण 2
ज़रूरत के परिणाम के अनुसार दिख रहे नियंत्रण समायोजित करें
चरण 3
कॉपी, एक्सपोर्ट या दोबारा उपयोग से पहले परिणाम जांचें
बचने के लिए सामान्य गलतियाँ
- जो फ़ॉर्मेट या विकल्प इंटरफ़ेस में नहीं दिखता, उसे समर्थित न मानें।
- ब्रांड, इंटरफ़ेस या प्रोडक्शन फ़ाइल में उपयोग से पहले मान जांचें।
- टेक्स्ट या UI में उपयोग होने पर कंट्रास्ट भी जांचें।
प्रो टिप्स
- वेरिएंट तुलना के लिए स्रोत मान और परिणाम साथ रखें।
- अनुमानित कन्वर्ज़न के बजाय टूल में वास्तव में दिखने वाले फ़ॉर्मेट इस्तेमाल करें।
- मोबाइल और टैबलेट पर टेक्स्ट और नियंत्रण को नई पंक्तियों में जाने दें।
डेटा प्रबंधन
डेटा प्रोसेसिंग उपयोग की गई सुविधा पर निर्भर करती है। साइट की सहमति, एनालिटिक्स और अकाउंट सुविधाएँ रंग ऑपरेशन से अलग हैं।
यह टूल क्या करता है
अपनी पूरी रंग पैलेट का WCAG अनुपालन विश्लेषण करें, देखें कौन से जोड़े AA और AAA कंट्रास्ट पास करते हैं और सुलभता सुधारें। WCAG पैलेट विश्लेषक इसी काम पर केंद्रित रहता है और इंटरफ़ेस में न दिखने वाली सुविधाओं का दावा नहीं करता। ज़रूरी परिणाम के लिए उपलब्ध नियंत्रण इस्तेमाल करें और मानों को किसी दूसरे टूल, स्टाइलशीट, डिज़ाइन फ़ाइल या दस्तावेज़ में ले जाने से पहले जांच लें।
उपयुक्त इनपुट तैयार करें
WCAG पैलेट विश्लेषक जिस इनपुट की मांग करता है, उससे शुरू करें: स्क्रीन के अनुसार रंग, मान, छवि या सेटिंग। इस पेज पर Palette, HEX, CSS Variables, JSON फ़ॉर्मेट दिए गए हैं। यदि कोई फ़ॉर्मेट या विकल्प इंटरफ़ेस में नहीं दिखता तो उसे इस विशेष फ़ंक्शन का समर्थन न मानें।
परिणाम पढ़ें और जांचें
परिणाम को किए गए ऑपरेशन के संदर्भ में पढ़ें। उसे स्रोत मान से मिलाएं और उन सेटिंग्स को देखें जिन्होंने गणना को प्रभावित किया। महत्वपूर्ण विज़ुअल काम में परिणाम को उस वास्तविक इंटरफ़ेस में भी जांचें जहां वह उपयोग होगा, केवल कोड पर निर्भर न रहें।
मोबाइल और टैबलेट पर उपयोग
WCAG पैलेट विश्लेषक साइट के responsive लेआउट का उपयोग करता है। संकरी स्क्रीन पर शीर्षक, उपशीर्षक, breadcrumbs और नियंत्रण नई पंक्तियों में जा सकते हैं ताकि लंबे अनुवाद न कटें। फिर भी अंतिम परिणाम को उस डिवाइस और संदर्भ में जांचें जहां आप उसे उपयोग करेंगे।
प्रोजेक्ट में परिणाम दोबारा उपयोग करें
परिणाम जांचने के बाद केवल वही क्रियाएं इस्तेमाल करें जो WCAG पैलेट विश्लेषक वास्तव में देता है, जैसे उपलब्ध होने पर कॉपी या एक्सपोर्ट। सेटिंग दोहरानी हो तो स्रोत मान रखें और UI रंगों के लिए रंग की भूमिका तथा आवश्यक कंट्रास्ट भी दर्ज करें।
संबंधित टूल
गाइड और ट्यूटोरियल
हमारे विस्तृत गाइड के साथ हमारे टूल्स का उपयोग करना सीखें।
wcag-analyzer: accessibility की व्यावहारिक गाइड
wcag-analyzer उपयोग करने, accessibility की best practices समझने और सामान्य गलतियाँ बचाने की स्थानीयकृत गाइड।
wcag-analyzer: accessibility की व्यावहारिक गाइड
wcag-analyzer उपयोग करने, accessibility की best practices समझने और सामान्य गलतियाँ बचाने की स्थानीयकृत गाइड।
wcag-analyzer: export की व्यावहारिक गाइड
wcag-analyzer उपयोग करने, export की best practices समझने और सामान्य गलतियाँ बचाने की स्थानीयकृत गाइड।
अक्सर पूछे जाने वाले प्रश्न
हमारे विस्तृत गाइड के साथ हमारे टूल्स का उपयोग करना सीखें।