उच्च-विपरीत - जब आपको लगता है कि डार्क मोड पर्याप्त है

इंटरफेस में हाई-कंट्रास्ट थीम का महत्व और डार्क थीम से इसका अंतर

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

रुकिए, आपने मुझे बताया था कि एक्सेसिबिलिटी के लिए डार्क मोड अच्छा था, फिर हम तीसरे विषय के बारे में क्यों बात कर रहे हैं? अच्छा, चलो बात करते हैं।

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

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

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

लेकिन व्यवहार में, उच्च-विपरीत विषयवस्तु क्या है?

अधिक सीमित पैलेट में शामिल है जो रंगों के बीच उच्च कंट्रास्ट पर ध्यान केंद्रित करता है, और इसका मतलब आमतौर पर कम रंग होता है। WCAG के AAA स्तर के लिए आवश्यक 7:1 का न्यूनतम कंट्रास्ट अनुपात सुनिश्चित करने के लिए, उच्च-कंट्रास्ट थीम को गहरे रंग की पृष्ठभूमि से लाभ होगा, आमतौर पर शुद्ध काला, डार्क मोड के विपरीत, जो ग्रे के रंगों के बीच संतुलन बनाता है। रंग, मूल पैलेट के बजाय, पृष्ठभूमि के साथ बेहद विपरीत स्वर के होंगे, आमतौर पर नीयन पीला - लेकिन यह कोई नियम नहीं है। कभी-कभी, ऐसा करने के लिए रंगों की कमी होने पर आपको घटकों को सीमांकित करने के लिए रूपरेखा का उपयोग करने की आवश्यकता हो सकती है।

उच्च-कंट्रास्ट थीम वास्तव में पहुँच-योग्यता में कैसे मदद करती है?

डाल्टनवाद के दो दुर्लभ प्रकार हैं, सबसे चरम:

• मोनोक्रोमैटिक , जिसमें व्यक्ति ग्रे के रंगों के अलावा केवल एक रंग और उसके रंगों को देख सकता है।
• और अवर्णी , व्यक्ति किसी भी रंग का अनुभव नहीं कर सकता है और सब कुछ भूरे रंग के रंगों में देखता है।

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

WCAG के सफलता मानदंड C 1.4.6: कंट्रास्ट (एन्हांस्ड) (लेवल AAA) और 1.4.11: नॉन-टेक्स्ट कंट्रास्ट (लेवल AA) का अनुपालन करने के लिए , यह आवश्यक है कि प्रत्येक टेक्स्ट, आवश्यक इमेज और इंटरफ़ेस घटकों में न्यूनतम कंट्रास्ट अनुपात हो , जो आमतौर पर एक ब्रांड परिभाषित पैलेट होने पर होना मुश्किल होता है। जब एक उच्च-कंट्रास्ट थीम प्रदान की जाती है, तो प्रकाश और/या डार्क थीम वैकल्पिक हो जाती है, ताकि आवश्यक पहुंच प्रदान करने वाली कोई अन्य थीम होने पर मानक पैलेट अछूता रह सके।

कोमो टेर सर्टिफिकेट डे क्यू मिन्हास कोर एस्टाओ कंट्रास्टंडो एंट्रे सी?

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

मैं कैसे सुनिश्चित कर सकता हूं कि मेरे रंग एक दूसरे के विपरीत हैं

आपको रंगों के साथ कंट्रास्ट अनुपात परीक्षण करने और यह सुनिश्चित करने की आवश्यकता है कि वे डब्लुसीएजी-अनुरूप हैं। कई ऑनलाइन उपकरण हैं और वे आम तौर पर दर का संकेत देते हैं और क्या यह छोटे और बड़े ग्रंथों में डब्ल्यूसीएजी एए और एएए सफलता मानदंडों को पूरा करता है। कलर कंट्रास्ट चेकर इस मामले में एक अच्छा विकल्प है।

और सबसे अच्छी बात: रचनात्मक बनें!

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

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

यदि आप एक व्यक्तिगत वेबसाइट परियोजना, पोर्टफोलियो, ब्लॉग और इस तरह काम कर रहे हैं, तो आप मेरे जैसे अपने सीवी को रंगीन-थीम भी बना सकते हैं। आखिरकार, नौकरी करने वाले नेत्रहीन भी हो सकते हैं।

क्या आपने कभी उच्च-विपरीत विषयों के साथ काम किया है? मुझे अपने अनुभव के बारे में बताएं, मुझे जानकर अच्छा लगेगा। चेर

संदर्भ

• डब्लुसीएजी 2 सिंहावलोकन
• डब्ल्यूसीएजी गाइड
• रंग और विपरीत
• हाई कंट्रास्ट एक्सेसिबिलिटी का परिचय
• वेब-पहुंच-योग्यता में उच्च कंट्रास्ट मोड
• उच्च कंट्रास्ट मोड FTW
• विंडोज हाई कंट्रास्ट मोड
• अपने डब्लुसीएजी अनुपालन की जांच करें
• वेव वेब अभिगम्यता मूल्यांकन उपकरण

• अभिगम्यता और डिजाइन के बारे में लेख
• कीबोर्ड नेविगेशन पर सेक्सी और सुलभ फोकस स्थिति
• CSS और वेरिएबल्स के साथ इंटरफेस में थीम बनाना
• एक बड़े उत्पाद को सुलभ बनाने की चुनौतियाँ और मैंने इससे क्या सीखा
• डिजाइन टीमों में एक आवश्यक स्तंभ के रूप में अभिगम्यता