WCAG AA और AAA कंट्रास्ट जाँचकर्ता

WCAG 2.2 AA और AAA के लिए रंग कंट्रास्ट जाँचें, पाठ आकार का पूर्वावलोकन देखें और सुलभ वैकल्पिक रंग खोजें।

सहायता देखने के लिए किसी फ़ील्ड पर पॉइंटर ले जाएँ या उसे चुनें। बंद करने के लिए Escape दबाएँ।

अग्रभूमिपृष्ठभूमिअपारदर्शी कैनवस

HEX, RGB, RGBA या HSL लें। पारदर्शी रंग अपारदर्शी कैनवस पर संयोजित होते हैं।

5.84:1

सीमा के लिए पूरी सटीकता वाला अनुपात इस्तेमाल होता है, पूर्णांकित प्रदर्शन मान नहीं।

WCAG 2.2
स्तर	इस्तेमाल करें	SC	न्यूनतम	परिणाम
AA	सामान्य पाठ	1.4.3	4.5:1	सफल
AA	बड़ा पाठ	1.4.3	3:1	सफल
AAA	सामान्य पाठ	1.4.6	7:1	असफल
AAA	बड़ा पाठ	1.4.6	4.5:1	सफल
AA	इंटरफ़ेस घटक और ग्राफ़िक्स	1.4.11	3:1	सफल

पूर्वावलोकन पाठफ़ॉन्ट आकार (CSS px)बोल्ड

Aa — fiokit.

सामान्य पाठ: AA ✓ · AAA ✗

बड़ा पाठ: कम से कम 24 CSS px, या बोल्ड में 18.67 CSS px (14 pt)।

सुझाए अग्रभूमि का लक्ष्यरिपोर्ट

WCAG 2.2
#155bdf / #ffffff (#ffffff)
5.8433:1
AA सामान्य पाठ (SC 1.4.3): PASS — 4.5:1
AA बड़ा पाठ (SC 1.4.3): PASS — 3:1
AAA सामान्य पाठ (SC 1.4.6): FAIL — 7:1
AAA बड़ा पाठ (SC 1.4.6): PASS — 4.5:1
AA इंटरफ़ेस घटक और ग्राफ़िक्स (SC 1.4.11): PASS — 3:1

यह रंग जोड़ी जाँचता है, पूर्ण WCAG अनुपालन नहीं। पास के रंग, इंटरैक्शन स्थिति और वास्तविक सामग्री अलग जाँचें।

W3C — SC 1.4.3 · SC 1.4.6 · SC 1.4.11

इस्तेमाल कैसे करें

अग्रभूमि, पृष्ठभूमि और अपारदर्शी कैनवस सेट करें। AA और AAA परिणाम तुरंत बदलते हैं। फ़ॉन्ट आकार व मोटाई आज़माएँ, सुझाया रंग लगाएँ या रिपोर्ट डाउनलोड करें।

एक व्यावहारिक उदाहरण

रंग

#155bdf

अक्सर पूछे जाने वाले प्रश्न

क्या मेरा टेक्स्ट किसी सर्वर पर भेजा जाता है?

नहीं। सामग्री इसी ब्राउज़र में प्रोसेस होती है। उसे सर्वर पर भेजा या सहेजा नहीं जाता।

WCAG AA और AAA कंट्रास्ट जाँचकर्ता के बारे में क्या जानना चाहिए?

पाठ और गैर-पाठ की सीमाएँ अलग बताता है। यह रंग जाँच पूर्ण WCAG अनुपालन प्रमाणित नहीं करती।