Developer ToolsUI कलर एक्सेसिबिलिटी चेकर
जांचें कि UI कलर कॉम्बिनेशन WCAG एक्सेसिबिलिटी मानकों को पूरा करती हैं या नहीं। AA और AAA अनुपालन के लिए कंट्रास्ट रेशियो को वास्तविक समय में मान्य करें।
कलर कॉम्बिनेशन चेकर
प्रीव्यू
सामान्य टेक्स्ट (14px)
बड़ा टेक्स्ट (18px+)
WCAG दिशानिर्देश संदर्भ
WCAG AA मानक
- • सामान्य टेक्स्ट: न्यूनतम 4.5:1 कंट्रास्ट रेशियो
- • बड़ा टेक्स्ट (18px+ या 14px+ बोल्ड): न्यूनतम 3:1
- • अधिकांश कानूनी अनुपालन के लिए आवश्यक
- • अधिकांश एक्सेसिबिलिटी जरूरतों को कवर करता है
WCAG AAA उन्नत
- • सामान्य टेक्स्ट: न्यूनतम 7:1 कंट्रास्ट रेशियो
- • बड़ा टेक्स्ट: न्यूनतम 4.5:1
- • उच्चतम एक्सेसिबिलिटी मानक
- • महत्वपूर्ण इंटरफेस के लिए अनुशंसित
संबंधित टूल
इस टूल के बारे में
यह कैसे काम करता है
- फोरग्राउंड और बैकग्राउंड रंगों के बीच कंट्रास्ट रेशियो की गणना करता है
- WCAG 2.1 एक्सेसिबिलिटी दिशानिर्देशों के अनुपालन का मूल्यांकन करता है
- सामान्य और बड़े टेक्स्ट आकार आवश्यकताओं का परीक्षण करता है
- कलर कॉम्बिनेशन का वास्तविक समय विजुअल प्रीव्यू प्रदान करता है
- 3-अंकीय और 6-अंकीय hex कलर कोड सपोर्ट करता है
सामान्य उपयोग के मामले
- UI/UX डिज़ाइनर एक्सेसिबल कलर स्कीम सुनिश्चित करते हैं
- डेवलपर इंटरफेस कलर विकल्पों को मान्य करते हैं
- एक्सेसिबिलिटी ऑडिटर अनुपालन मानकों की जांच करते हैं
- ब्रांड डिज़ाइनर इनक्लूसिव कलर पैलेट बनाते हैं
- वेब डिज़ाइनर कानूनी एक्सेसिबिलिटी आवश्यकताओं को पूरा करते हैं
अक्सर पूछे जाने वाले प्रश्न
कलर एक्सेसिबिलिटी क्या है और यह क्यों महत्वपूर्ण है?
कलर एक्सेसिबिलिटी सुनिश्चित करती है कि कलर कॉम्बिनेशन दृष्टिबाधित व्यक्तियों के लिए पर्याप्त कंट्रास्ट प्रदान करें। यह वेबसाइट और ऐप्स को सभी के लिए उपयोग योग्य बनाने के लिए आवश्यक है।
WCAG AA और AAA मानक क्या हैं?
WCAG AA को सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 कंट्रास्ट रेशियो की आवश्यकता है। AAA अधिक कड़ा है, सामान्य टेक्स्ट के लिए 7:1 और बड़े टेक्स्ट के लिए 4.5:1 की आवश्यकता है।
मैं कैसे जान सकता हूं कि मेरी कलर कॉम्बिनेशन एक्सेसिबिलिटी मानकों को पास करती है?
टूल में अपने फोरग्राउंड (टेक्स्ट) और बैकग्राउंड कलर दर्ज करें। यह कंट्रास्ट रेशियो की गणना करेगा और दिखाएगा कि यह सामान्य और बड़े टेक्स्ट के लिए AA या AAA मानकों को पूरा करता है या नहीं।
एक्सेसिबिलिटी दिशानिर्देशों में "बड़े टेक्स्ट" की क्या परिभाषा है?
बड़ा टेक्स्ट सामान्य टेक्स्ट के लिए 18pt (24px) या उससे बड़ा, या बोल्ड टेक्स्ट के लिए 14pt (18.67px) या उससे बड़ा होता है। इन आकारों के लिए कम कंट्रास्ट आवश्यकताएं होती हैं।
क्या मैं एक साथ कई कलर कॉम्बिनेशन टेस्ट कर सकता हूं?
हां! कलर कॉम्बिनेशन सेव करने और कई जोड़ों की साथ-साथ तुलना करने के लिए "तुलना सूची में जोड़ें" बटन का उपयोग करें।
टूल कौन से कलर फॉर्मेट सपोर्ट करता है?
टूल 6-अंकीय (#000000) और 3-अंकीय (#000) फॉर्मेट में हेक्स कलर कोड सपोर्ट करता है। आप रंग मैन्युअल रूप से दर्ज कर सकते हैं या कलर पिकर का उपयोग कर सकते हैं।
क्यों कुछ दिखने में अलग रंगों का कंट्रास्ट रेशियो समान होता है?
कंट्रास्ट रेशियो ह्यू (रंग) के बजाय ल्यूमिनेंस (चमक) के आधार पर गणना किए जाते हैं। समान ल्यूमिनेंस वाले रंगों का कंट्रास्ट रेशियो समान होगा।
यदि मेरे ब्रांड के रंग एक्सेसिबिलिटी मानकों को पूरा नहीं करते तो क्या करें?
आपके पास कई विकल्प हैं: एक रंग की चमक/अंधेरापन समायोजित करें, टेक्स्ट के लिए बॉर्डर या आउटलाइन जोड़ें, रंगों का उपयोग केवल बड़े टेक्स्ट के लिए करें।
क्या एक्सेसिबिलिटी मानक सभी वेबसाइट तत्वों पर लागू होते हैं?
कंट्रास्ट आवश्यकताएं टेक्स्ट, टेक्स्ट की छवियों और UI कंपोनेंट जैसे बटन और फॉर्म फील्ड पर लागू होती हैं। वे सजावटी तत्वों, लोगो या निष्क्रिय/अक्षम कंपोनेंट पर लागू नहीं होती हैं।
कंट्रास्ट कैलकुलेशन कितने सटीक हैं?
टूल रिलेटिव ल्यूमिनेंस और कंट्रास्ट रेशियो की गणना के लिए WCAG 2.1 का आधिकारिक फॉर्मूला उपयोग करता है। गणनाएं गणितीय रूप से सटीक हैं।
क्या मैं मोबाइल ऐप डिज़ाइन के लिए इस टूल का उपयोग कर सकता हूं?
बिल्कुल! WCAG दिशानिर्देश मोबाइल ऐप्स और वेबसाइट दोनों पर लागू होते हैं। कई मोबाइल प्लेटफॉर्म (iOS, Android) अपने एक्सेसिबिलिटी दिशानिर्देशों में WCAG मानकों का संदर्भ देते हैं।
यदि मुझे hex कोड के अलावा अन्य रंग टेस्ट करने हों तो क्या करें?
वर्तमान में, टूल hex कलर कोड सपोर्ट करता है। RGB, HSL या अन्य फॉर्मेट के लिए, पहले हमारे Color Picker Converter टूल का उपयोग करें।