रंग विपरीत की उपलब्धता के बारे में मिथक

आज, बिल्कुल सभी उपयोगकर्ताओं के लिए इंटरफेस को सुलभ बनाने के लिए डिजाइनरों की आवश्यकता बढ़ रही है। स्वाभाविक रूप से, ऐसे इंटरफेस का उपयोग करने के लिए विकलांगों के साथ अनुकूलन करना बहुत महत्वपूर्ण है, लेकिन साथ ही, रंग विपरीत की उपलब्धता की मूल बातें के बारे में पर्याप्त मिथक पैदा होते हैं और गलत लोगों द्वारा इन मिथकों को बनाए रखा जाता है। वे अक्सर डिजाइन को बदनाम करने के लिए इन मिथकों को दोहराते हैं और रिले करते हैं, यह नहीं समझते हुए कि किन परिस्थितियों में रंग विपरीत के एक या दूसरे मानक को लागू किया जाता है। इसके अलावा, वे सुझाव देते हैं कि इंटरफ़ेस तब उपलब्ध नहीं होता है जब रंग विपरीत का उपयोग सूचना प्रसारित करने के लिए किया जाता है।

इस वजह से, डिजाइनर अक्सर विकलांग लोगों के लिए डिज़ाइन पहुंच विकल्प पर ध्यान केंद्रित करते हैं। वे दूसरों को यह विश्वास दिलाने में गुमराह करते हैं कि उनका इंटरफ़ेस अनुपलब्ध है जब यह वास्तव में पहुंच आवश्यकताओं को पूरा करता है। इस लेख में निहित शोध रंग विपरीतता की उपलब्धता के बारे में आम मिथकों को नष्ट करने का प्रयास करेंगे।

मिथक संख्या 1। WCAG आवश्यकताएँ हमेशा इष्टतम होती हैं

वेब कंटेंट एक्सेसिबिलिटी गाइड ( WCAG ) का उपयोग उपलब्ध रंग विपरीत को निर्धारित करने के लिए एक मानक के रूप में किया जाता है। हालांकि, ये सिफारिशें हमेशा व्यावहारिक नहीं होती हैं। एक हठधर्मिता की तरह इसका पालन करने के बजाय, आपको डिजाइन निर्णय लेने के लिए दिशानिर्देशों का उपयोग करना चाहिए, न कि उन पर आँख बंद करके अमल करना चाहिए।

ऐसे मामलों में से एक जब WCAG मानक व्यवहार में लागू नहीं होते हैं, सफेद पाठ की चमक में विपरीत होता है। नीचे दिए गए दोनों बटन में एक नीली पृष्ठभूमि है, लेकिन एक में सफेद पाठ है और दूसरा काला है। जब आप उपयोगकर्ताओं से पूछते हैं कि कौन सा बटन पढ़ना आसान है, तो अधिकांश आपको बताएंगे कि सफेद पाठ वाला बटन अधिक पठनीय ( स्रोत ) है। लेकिन रंग विपरीत अनुपात कुछ और कहते हैं।



काले पाठ के लिए विपरीत अनुपात 5.41 है, जो WCAG आवश्यकता को पूरा करता है। हालांकि, सफेद पाठ के लिए विपरीत अनुपात 2.94 है, जो एक सामान्य संकेतक नहीं है। विपरीत आवश्यकताओं के अनुसार, सफेद पाठ के साथ एक बटन कम पठनीय होना चाहिए, लेकिन अधिक पठनीय।

एक बटन के सफेद और काले पाठ की तुलना करने वाला एक समान अध्ययन इस निष्कर्ष की पुष्टि करता है। न केवल सामान्य दृष्टि वाले उपयोगकर्ताओं को पढ़ने के लिए सफेद पाठ आसान लगता है, लेकिन रंगीन नेत्रहीन लोगों ने एक ही निर्णय ( स्रोत ) किया है।



यह विपरीत अशुद्धि एक नीले और नारंगी पृष्ठभूमि पर सफेद पाठ के साथ होती है। WCAG कंट्रास्ट अनुपात हमेशा सफेद टेक्स्ट के उच्च चमक विपरीत को ध्यान में नहीं रखते हैं। श्वेत या संतृप्ति के बिना सफेद शुद्ध चमक है, और चमक इसके विपरीत का सबसे मजबूत रूप है। इसलिए, यह स्पष्ट हो जाता है कि क्यों सफेद पाठ के साथ एक बटन पढ़ना आसान है।

कॉन्ट्रास्ट पैरामीटर सफेद पाठ के साथ नहीं होने का कारण यह है कि इसमें उच्च चमक है और उच्च चमक के साथ पृष्ठभूमि में है। उज्ज्वल पृष्ठभूमि पर उज्ज्वल पाठ कम्प्यूटेशनल रूप से कम-विपरीत लगता है। आपके डिज़ाइन को उन लोगों से मेल खाना चाहिए जो लोग देखते हैं, कम्प्यूटेशनल एल्गोरिदम नहीं। यही कारण है कि डिजाइनर का रूप "अंतिम सूत्र" में एक महत्वपूर्ण भूमिका निभाता है।

WCAG सही रंग विरोधाभासों का चयन करने में डिजाइनरों की मदद करने के लिए एक मार्गदर्शिका है। यहाँ सामान्य शब्दार्थ अल्फ्रेड कोरज़ीबस्की के अनुशासन के संस्थापक की प्रसिद्ध अभिव्यक्ति लागू है - "नक्शा एक क्षेत्र नहीं है"। रियलिटी मॉडल को सीधे वास्तविकता के साथ भ्रमित न करें।

मिथक संख्या 2। पाठ को AAA की आवश्यकताओं का अनुपालन करना चाहिए, अन्यथा यह दुर्गम पाठ है

डब्ल्यूसीएजी की उपलब्धता के अनुपालन के विभिन्न स्तर हैं। कुछ का मानना ​​है कि सभी पाठों को उच्चतम स्तर की आवश्यकताओं (एएए) का अनुपालन करना चाहिए, अन्यथा यह उनके उपयोगकर्ताओं के महत्वपूर्ण हिस्से के लिए उपलब्ध नहीं होगा। यह अवधारणा गलत है और यह स्पष्ट हो जाता है जब आप समझते हैं कि एएए आवश्यकता का गठन कैसे किया गया था।

एएए आवश्यकता 7: 1 के विपरीत अनुपात को दर्शाता है जो कम दृष्टि वाले उपयोगकर्ताओं में विपरीत संवेदनशीलता के नुकसान की भरपाई करने के लिए (20/80 या उससे अधिक की दृष्टि की हानि के साथ)। इनमें से कई उपयोगकर्ता सहायक तकनीकों का उपयोग करते हैं जिनमें विपरीत वृद्धि की विशेषताएं होती हैं। उन्हें इस तकनीक की आवश्यकता है क्योंकि वे केवल एक इंटरफ़ेस पर सामग्री नहीं देखते हैं, लेकिन एक बार में कई पर। AAA आवश्यकता केवल उन 20/80 दृष्टि वाले उपयोगकर्ताओं पर लागू होती है जो सहायक तकनीकों का उपयोग नहीं करते हैं, और ऐसे बहुत कम उपयोगकर्ता ( स्रोत ) हैं।



सामान्य आबादी में 20/80 दृष्टि हानि दुर्लभ है और मुख्य रूप से उम्र से संबंधित नेत्र रोगों से पीड़ित वृद्ध लोगों को प्रभावित करती है। अध्ययन से पता चला कि मनुष्यों में सबसे कमजोर दृष्टि उम्र बढ़ने ( स्रोत ) से जुड़ी है। यदि आपका अधिकांश उपयोगकर्ता आधार 70 वर्ष से अधिक पुराना है, तो एएए आवश्यकताओं को पूरा करना समझ में आता है और इसके अलावा, इसे लागू किया जाना चाहिए। 70 साल या उससे अधिक उम्र का एक मानक है क्योंकि दृश्य तीक्ष्णता उस उम्र ( स्रोत ) में स्वस्थ आंखों वाले उपयोगकर्ताओं के बीच घटने लगती है।

एए अनुपालन अधिकांश उपयोगकर्ताओं के लिए पर्याप्त है। 20/40 दृष्टि की हानि के साथ उपयोगकर्ताओं द्वारा विपरीत संवेदनशीलता के नुकसान की भरपाई के लिए AA आवश्यकता 4.5: 1 के विपरीत अनुपात है। अध्ययन से पता चला कि "अधिकांश लोग 80 वर्ष तक कम से कम दृश्य तीक्ष्णता (20/40 या उच्चतर) बनाए रखते हैं" ( स्रोत )। इस निष्कर्ष का मतलब है कि एए की आवश्यकता को पूरा करने से आपका पाठ इंटरफ़ेस के अधिकांश उपयोगकर्ताओं के लिए उपलब्ध होगा।

मिथक संख्या 3। इंटरफ़ेस घटकों में पाठ के समान विपरीत मानक है।

कई इंटरफ़ेस घटकों को पाठ के समान विपरीत मानक में समर्थन करने की गलती करते हैं, हालांकि उनके मानक अलग हैं। इंटरफ़ेस के घटकों का अनुपात 3: 1 है, और पाठ 4.5: 1 है। पाठ को उच्च विपरीत की आवश्यकता होती है क्योंकि उपयोगकर्ताओं को इसे पढ़ने की आवश्यकता होती है। इंटरफ़ेस घटकों को अक्सर पाठ पढ़ने की आवश्यकता नहीं होती है और निम्न मानक ( स्रोत ) होते हैं।



पाठ की विपरीतता कई बारीकियों से प्रभावित होती है, जैसे कि फ़ॉन्ट आकार और बोल्डनेस। बड़े फ़ॉन्ट आकार (18 pt) और बड़े फ़ॉन्ट वजन (14 pt बोल्ड) के साथ पाठ को इसके विपरीत अनुपात ( स्रोत ) की आवश्यकता होती है। इसके अलावा, कुछ इंटरफ़ेस घटकों को इस आवश्यकता से छूट दी जा सकती है। इससे पहले कि आप एक अंतरफलक घटक या पाठ को एक विपरीत अनुपात मानक से बांधें, सुनिश्चित करें कि आप इसे सही तरीके से लागू करते हैं।

मिथक संख्या 4। दुर्गम बटन और ग्रे टेक्स्ट अक्षम कार्यक्षमता की तरह दिखते हैं

एक अन्य आम मिथक यह है कि ग्रे टेक्स्ट दुर्गम टेक्स्ट है। बहुत से लोग सोचते हैं कि उपयोगकर्ता ग्रे टेक्स्ट नहीं पढ़ सकते क्योंकि यह कम कंट्रास्ट दिखता है। कभी-कभी यह सच हो सकता है, लेकिन कभी-कभी यह एक गलत धारणा है। उदाहरण के लिए, नीचे दिए गए बटन में ग्रे टेक्स्ट है, हालांकि कुछ उपयोगकर्ताओं को लगता है कि यह उपलब्ध नहीं है। हालांकि, इसके विपरीत चेकर के माध्यम से इसकी शुरूआत से पता चलता है कि यह न केवल एए मानक का अनुपालन करता है, बल्कि मानक से काफी अधिक है।

एक और मिथक जिसे आप सुन सकते हैं वह है कि ग्रे बटन उपलब्ध नहीं है क्योंकि यह विपरीत अनुपात के मानक को पूरा नहीं करता है। यह पता चला है कि बटन के लिए सफलता के मानदंड को प्रभाव के क्षेत्र को इंगित करने वाली दृश्य सीमा की आवश्यकता नहीं है। यदि पाठ के बटन में एक फ्रेम है, तो पाठ विपरीत ( स्रोत ) को छोड़कर कोई विपरीत आवश्यकताएं नहीं हैं। इस प्रकार, ग्रे बटन, जो सबसे अधिक दुर्गम मानते हैं, विपरीत आवश्यकता को पूरा करता है।



इस सफलता की कसौटी का मतलब यह भी है कि बटन के बगल वाले आइकन की कंट्रास्ट की आवश्यकता नहीं है अगर टेक्स्ट लेबल 4.5 के विपरीत अनुपात से मेल खाता है। हालाँकि, यदि आइकन में टेक्स्ट लेबल नहीं है, तो आइकन पर 3: 1 कंट्रास्ट अनुपात की आवश्यकता लागू होती है।



यह भी मिथक है कि ग्रे बटन अक्षम दिखते हैं, जो अक्सर पक्षपाती पर्यवेक्षकों द्वारा फैलाया जाता है जो निष्क्रिय घटकों के सही उद्देश्य को नहीं समझते हैं। अक्षम बटन को पाठ लेबल के ऊपर कंट्रास्ट की कमी से संकेत मिलता है। जब एक बटन को पढ़ना मुश्किल होता है, तो उपयोगकर्ता इसके बारे में चिंतित नहीं होते हैं, जो मूल रूप से एक अक्षम बटन का लक्ष्य है। इस तथ्य का उल्लेख नहीं करने के लिए कि विपरीत आवश्यकता निष्क्रिय घटकों पर लागू नहीं होती है।

मिथक संख्या 5। रंग अंधे लोग विपरीत रंगों को अलग नहीं कर सकते

एक आम धारणा यह है कि यदि कोई डिज़ाइन जानकारी संप्रेषित करने के लिए रंग विपरीत का उपयोग करता है, तो रंग अंधे लोग अंतर को नोटिस नहीं करेंगे। रंग टोन और रंग विपरीत दो अलग-अलग आयाम हैं। Colorblind उपयोगकर्ताओं को कुछ रंगों में अंतर करने में कठिनाई होती है, लेकिन उन्हें रंग विरोधाभासों ( स्रोत ) में अंतर को समझने में कठिनाई नहीं होती है।

उदाहरण के लिए, बहुत से लोग मानते हैं कि नीचे दिए गए बटन कलर ब्लाइंड के लिए उपलब्ध नहीं हैं, क्योंकि यह विभिन्न राज्यों को इंगित करने के लिए रंग विपरीत का उपयोग करता है। लेकिन लब्बोलुआब यह है कि रंग अंधा लोग स्पष्ट रूप से विपरीत रंगों को अलग कर सकते हैं। बटन अन्य प्रतिस्पर्धा वाले लोगों के बिना केवल एक रंग की छाया का उपयोग करते हैं और पर्याप्त विपरीत होते हैं।



कलर ब्लाइंड सिमुलेटर का उपयोग करके, आप कलर-ब्लाइंड लोगों की रंग धारणा और वे जो देखते हैं उसका अनुकरण कर सकते हैं। लाल-हरे रंग की कमी और नीले-पीले रंग की कमी वाले उपयोगकर्ताओं को आसानी से रंग विपरीत में अंतर दिखाई देता है।

कलर ब्लाइंड यूजर्स शायद ही कलर कॉन्ट्रास्ट को नोटिस कर सकते हैं जब ग्रीन और रेड में लगभग एक ही डार्क ( सोर्स ) हो। नीचे दिए गए उदाहरण से पता चलता है कि बटन अंधेरा होने पर उपयोगकर्ता किस रंग को देखेंगे और एक ही अंधेरे के साथ लाल और हरे रंग के होंगे।



यदि आप प्रतिस्पर्धा रंग टन का उपयोग राज्यों के बीच अंतर करने के लिए करते हैं, तो आपको रंग की तुलना में कुछ अन्य दृश्य क्यू की आवश्यकता होती है। लेकिन यदि आप केवल राज्यों के बीच अंतर करने के लिए रंग विपरीत का उपयोग करते हैं, तो यह रंग अंधा के लिए स्वीकार्य और सुलभ होने की संभावना है।

विभिन्न प्रकार के रंग अंधापन हैं, लेकिन जिन पर आपको सबसे अधिक ध्यान केंद्रित करना चाहिए, वे लाल-हरे हैं। लाल-हरा रंग अंधापन दुनिया में सभी रंग अंधा ( स्रोत ) के 99% से अधिक को प्रभावित करता है। कई कलर ब्लाइंड सिमुलेटर हैं जिनका उपयोग आप परीक्षण के लिए कर सकते हैं, उदाहरण के लिए, Google Chrome के लिए यह एक्सटेंशन Colorblindly है ।

मिथक संख्या 6। सूचना प्रसारित करने के लिए अकेला रंग संकेत पर्याप्त नहीं है

यह मिथक शायद वह है जिसमें डिजाइनरों को सबसे अधिक बार गलत किया जाता है। वे अक्सर "रंग का उपयोग" की आवश्यकता को संदर्भित करते हैं, यह नहीं समझते कि यह मानक कब लागू किया जाता है। इन मानकों में ऐसी बारीकियाँ हैं जिन्हें आपको उनका उपयोग शुरू करने से पहले समझने की आवश्यकता है।

एक्सेसिबिलिटी की आवश्यकता बताती है कि "रंग का उपयोग केवल सूचना देने के लिए दृश्य माध्यम के रूप में नहीं किया जाएगा, एक कार्रवाई को इंगित करने या एक तत्व को अलग करने के लिए"। हालांकि, यह मानक केवल तभी लागू होता है जब विशिष्ट रंगों को उपयोगकर्ता ( स्रोत ) को सूचित करने के लिए विशिष्ट मान निर्दिष्ट किए जाते हैं। दूसरे शब्दों में, यदि आप जानकारी को संप्रेषित करने के लिए रंग अंतर का उपयोग करते हैं, तो आपको एक अतिरिक्त संकेत की आवश्यकता होती है। लेकिन अगर आप सूचना प्रसारित करने के लिए इसके विपरीत का उपयोग करते हैं, तो आपको एक अतिरिक्त संकेत की आवश्यकता नहीं है यदि इसके विपरीत अंतर पर्याप्त है।

उदाहरण के लिए, सक्रिय स्थिति को इंगित करने के लिए नीचे टॉगल बटन नीले रंग का उपयोग करें। लेकिन नीले रंग के लिए कोई विशेष अर्थ नहीं है। सक्रिय अवस्था रंग विपरीत के माध्यम से प्रेषित होती है, रंग डाली नहीं।



सक्रिय राज्य के लिए रंग डाली मनमानी है। आप किसी अन्य रंग टोन का उपयोग कर सकते हैं, और यह पर्याप्त होगा यदि यह निष्क्रिय अवस्था के संबंध में उच्च स्तर के विपरीत बनाए रखता है। इसलिए, "रंग का उपयोग" आवश्यकता इस परिदृश्य पर लागू नहीं होती है।

एक उदाहरण जिसमें रंग का एक विशिष्ट उद्देश्य होता है, इनपुट फॉर्म के क्षेत्र में त्रुटि स्थिति का एक उदाहरण है। लाल का उपयोग अक्सर पाठ क्षेत्र में त्रुटि को इंगित करने के लिए किया जाता है। इस मामले में, त्रुटि राज्य को इंगित करने के लिए लाल पर्याप्त नहीं है, क्योंकि रंग अंधा लोग इसे नहीं देखेंगे। लाल उन्हें काला दिखाई देगा। इसलिए, आपको त्रुटि की स्थिति को इंगित करने के लिए एक अतिरिक्त संकेत, जैसे कि पाठ या एक आइकन की आवश्यकता होती है।



एक अन्य उदाहरण एक पृष्ठ पर सिस्टम की स्थिति को इंगित करने के लिए रंग का उपयोग है। हरे और लाल रंग के रंगों का उपयोग अक्सर सिस्टम संदेशों की गंभीरता को इंगित करने के लिए किया जाता है। इस मामले में, "रंग का उपयोग" आवश्यकता लागू होती है क्योंकि रंग रंगों के लिए एक विशिष्ट उद्देश्य है। रंगीन अंधा लोगों को सिस्टम के प्रत्येक राज्य के बीच अंतर करने में मदद करने के लिए यहां आइकनों की आवश्यकता होती है।



शर्तों के अनुसार रंग विपरीत हमेशा एकमात्र संकेत नहीं होता है। दृश्य गहराई भी एक संकेत है जो उपयोगकर्ता अनुभव करते हैं। ऐसा तब होता है जब पृष्ठभूमि के विपरीत वस्तुएं करीब और हावी दिखाई देती हैं, जबकि जिन वस्तुओं में कोई विपरीत नहीं होता है वे आगे और हावी होती हैं। इस उदाहरण में नीला बटन उपयोगकर्ताओं के सबसे करीब लगता है। नतीजतन, जोर और इसके वर्चस्व का मतलब एक सक्रिय राज्य है।



यह पृष्ठभूमि के साथ इसके विपरीत हेरफेर है, जो बटन में गहराई पैदा करता है और उपयोगकर्ताओं को सक्रिय स्थिति के बीच अंतर करने की अनुमति देता है। यदि दोनों बटन में एक समान स्तर होता है, तो उपयोगकर्ता गहराई को दृश्य संकेत के रूप में नहीं देख सकते हैं।

मिथक 7: सस्ती डिजाइन ग्रह पर हर उपयोगकर्ता की जरूरतों को पूरा करती है।

एक आदर्श दुनिया में, कोई भी डिजाइनर किसी भी उपयोगकर्ता की जरूरतों को पूरा करना चाहेगा। हालांकि, यह एक बहुत ही आदर्श है, और इसलिए अप्राप्य, स्थिति है। यहां तक ​​कि अगर आप WCAG का पूरा उपयोग करते हैं, तो हमेशा एक उपयोगकर्ता होगा जो दृष्टि के साथ डिजाइन की अपनी धारणा के प्रिज्म के माध्यम से आपके डिजाइन को मुश्किल पाता है।

एक अप्राप्य फंतासी पर आधारित एक आदर्श के लिए प्रयास करने के बजाय, एक साकार वास्तविकता पर आधारित एक आदर्श के लिए प्रयास करें। वास्तविकता यह है कि एक किफायती डिजाइन हर उपयोगकर्ता की जरूरतों को पूरा नहीं कर सकता है, लेकिन यह अधिक से अधिक उपयोगकर्ताओं की जरूरतों को पूरा कर सकता है।

इस सच्चाई को समझने का मतलब है कि इस तथ्य को पहचानना कि उपयोगकर्ताओं के अल्पसंख्यक को सबसे अच्छा अनुभव नहीं मिलेगा। लेकिन, सौभाग्य से अल्पसंख्यक के लिए, उच्च-विपरीत मोड के साथ सहायक प्रौद्योगिकियां हैं। डिजाइनर जो वास्तव में पहुंच को समझते हैं, वे एक यथार्थवादी आदर्श को प्राप्त करने का प्रयास करेंगे, न कि काल्पनिक।

रंग विपरीत की उपलब्धता की बारीकियों

एक्सेसिबिलिटी हमेशा उपयोगकर्ताओं के लिए एक डिजाइन प्राथमिकता होनी चाहिए। डब्ल्यूसीएजी की सिफारिशें एक प्रभावी उपकरण है जो आपको उच्चतम मानक की सस्ती डिजाइन बनाने में मदद करता है। ऊपर वर्णित मिथकों को WCAG दिशानिर्देशों द्वारा ट्रिगर नहीं किया गया है। वे ऐसे लोगों के कारण होते हैं जो गलत व्याख्या, गलत बयानी और गलत दिशा-निर्देश देते हैं।

रंग विपरीत की उपलब्धता की बारीकियों को समझना आपको WCAG मानकों को पूरा करने में मदद करेगा। यदि अन्य लोग अचानक आपके डिजाइन पर रंग विपरीत की उपलब्धता के बारे में इन मिथकों को पेश करना शुरू करते हैं, तो आप उन्हें हमेशा ठीक कर सकते हैं। आप दृश्य सादगी और सौंदर्यशास्त्र के प्रति वफादार रहेंगे, जबकि इसे एक्सेसिबिलिटी के साथ संतुलित करेंगे। और सबसे महत्वपूर्ण बात, परिणाम एक सार्थक इंटरफ़ेस होगा जो लगभग सभी उपयोगकर्ताओं को संतुष्ट करेगा।