WCAG रंग कंट्रास्ट गाइड
एए और एएए कंट्रास्ट आवश्यकताओं को समझें, टेक्स्ट और यूआई घटकों का परीक्षण कैसे करें और असफल जोड़ियों को कैसे ठीक करें।
FAQ
- मुझे बटनों के लिए किस अनुपात की आवश्यकता होगी?
- यूआई घटकों और ग्राफ़िकल ऑब्जेक्ट्स को आम तौर पर आसन्न रंगों के मुकाबले कम से कम 3: 1 की आवश्यकता होती है। बड़े टेक्स्ट के लिए बटन के अंदर के टेक्स्ट को अभी भी 4.5:1 (एए) या 3:1 की आवश्यकता है।
WCAG कंट्रास्ट मूल बातें
WCAG 2.x टेक्स्ट और पृष्ठभूमि रंगों के बीच न्यूनतम कंट्रास्ट अनुपात को परिभाषित करता है। स्तर एए सामान्य कानूनी और उत्पाद लक्ष्य है; एएए अधिक सख्त है और जब संभव हो तो मुख्य पाठ के लिए इसकी अनुशंसा की जाती है।
कंट्रास्ट सापेक्ष चमक पर आधारित है, रंग पर नहीं। दो रंग अलग-अलग दिख सकते हैं लेकिन यदि उनका हल्कापन बहुत अधिक समान है तो वे विपरीत नहीं हो सकते।
परीक्षण कार्यप्रवाह
अपने डिज़ाइन सिस्टम से अग्रभूमि और पृष्ठभूमि रंग चुनें। उन्हें कंट्रास्ट चेकर के माध्यम से चलाएं। सामान्य बनाम बड़े टेक्स्ट थ्रेशोल्ड पर ध्यान दें।
होवर, फ़ोकस और अक्षम स्थितियों का परीक्षण करें - न कि केवल डिफ़ॉल्ट बटन और लिंक।