design - रंग अंधापन: क्या आप इसके बारे में जानते हैं? क्या आप इसके लिए डिजाइन करते हैं?




colors accessibility (10)

मैं उत्सुक हूं कि हम में से कई लोग जो डिजाइन करते हैं या डिजाइन निर्णय लेते हैं, उन्होंने कभी भी इस समस्या के बारे में सुना है।

मुझे पता है कि खतरनाक रंग संयोजन हैं, जैसे हरे + लाल। यह शायद रंगहीनता के सबसे लोकप्रिय मामलों में से एक है। यदि आपके पास लाल पृष्ठभूमि पर हरा पाठ है और इसके विपरीत कुछ लोग कुछ भी नहीं देखेंगे।

मैंने अभ्यास में भी देखा है कि नीली पृष्ठभूमि पर हरा पाठ एक आदमी द्वारा नहीं देखा गया था।

अन्य रंग रचनाओं से बचा जाना चाहिए, और इन मामलों की कितनी बार उम्मीद की जा सकती है?

चलिए मुठभेड़ की संभावना से कुछ बनाते हैं जिनके पास संख्याएं हैं।

अतिरिक्त: मैंने अभी एक बहुत बुरा उदाहरण याद किया है जो हर किसी के बारे में समस्याओं का कारण बनता है - काले रंग की पृष्ठभूमि पर नीला पाठ। यह सभी उद्देश्यों और उद्देश्यों के लिए अपठनीय है। इस रंग संयोजन का उपयोग करने के लिए संभवतः वेब मास्टर को मजबूर करने में क्या समझ सकता है ...


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


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


मैं आपको this वेबसाइट सुझा सकता हूं। इसमें एक रंग योजना चयनकर्ता है और इसके निचले दाएं हिस्से में आम आंख से संबंधित समस्याओं और तदनुसार बदलती योजना के बीच स्विच करने के लिए उपयोग किया जाने वाला एक ड्रॉप डाउन मेनू है


मैं खुद को हरा-लाल प्रकार का अंधा कर रहा हूं, इसलिए हाँ, मैं इसे ध्यान में रखता हूं :)

अन्य वेबसाइटों से जुड़े वेबसाइटों में उल्लिखित डिजाइन दिशानिर्देशों का पालन करें। लेकिन कुछ विचार हैं जो मैं तनाव देना चाहता हूं:

  • किसी भी रंग हार्डकोडिंग एक अच्छा विचार नहीं हो सकता है। विन्यास योग्य और skinnable अच्छे हैं।
  • विशेष रूप से, हार्डकोडिंग संकेतक "लाल एक = बुरा, हरा एक = अच्छा", एक अच्छा विचार नहीं हो सकता है।
  • और, एक ही संकेतक को हार्डकोड करना "जब यह हरा होता है तो यह अच्छा होता है, जब यह लाल होता है तो यह बुरा होता है" निश्चित रूप से एक बुरा विचार है।

(क्या बैटरी चार्ज है?)


मैंने एक बार एक इन-हाउस एप्लिकेशन लिखा था जिसमें रंगीन रंग से अलग श्रृंखला के साथ एक स्कैटरप्लॉट दिखाया गया था। मेरा प्राथमिक उपयोगकर्ता रंग-अंधेरा (लाल-हरा, मुझे लगता है) के रूप में निकला, इसलिए मैंने रंगों में विविधता के साथ रंग को पूरक किया।


मैंने यह मुश्किल तरीका पाया जब मैंने अपने सहयोगी को लाल बटन दबाए जाने के लिए कहा .. जब उसने कहा "कौन सा?" मैंने सोचा कि वह सिर्फ मंद था, इसलिए मैंने उसे फिर से बताया .. फिर उसने मुझे बताया कि वह रंगहीन था और मैं बेवकूफ महसूस कर रहा था।

वह अब रेलवे के लिए काम करता है, सिग्नलिंग सॉफ्टवेयर लिख रहा है। अच्छा काम लाल रोशनी हमेशा शीर्ष पर एक है :)

तो क्या आपको खाते में रंग अंधापन लेना है? संभवतः नहीं, जैसे कि आप अपने फ़ॉन्ट को बड़े फ़ॉन्ट समर्थन के लिए भी डिज़ाइन नहीं करते हैं, लेकिन आपको सबसे अधिक स्वीकार्य व्यक्ति के बजाय वास्तव में अच्छी नौकरी करना चाहिए।


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

http://colororacle.cartography.ch/


लाल-हरा सबसे आम हो सकता है, लेकिन रंग की कमी का एकमात्र प्रकार नहीं है।

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

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


वेबसाइटों को हर किसी के लिए पूरा करना चाहिए, भले ही वे रंगहीन हों, बहरे हों या जो कुछ भी हो।

ब्रिटेन में रॉयल इंस्टीट्यूट फॉर द ब्लाइंड में आंशिक रूप से बैठे लोगों के लिए वेब डिज़ाइनिंग पर कुछ दिलचस्प लेख हैं; लिंक पाठ

रंग-विपरीत लिंक टेक्स्ट सहित

और सूचना लिंक पाठ व्यक्त करने के लिए रंग का उपयोग


हरे रंग के + लाल के अलावा, एक और अपेक्षाकृत सामान्य प्रकार का रंग अंधापन नीला और पीला होता है।

जब हम अपने खेल बनाते हैं तो हम रंग अंधापन को ध्यान में रखते हैं। एक गेम जिसे हमने डिज़ाइन किया है (आर्केड लाइन्स) में रंगीन गेंदों को समान रंगीन पंक्तियों में संरेखित करना है। हमने कलर-अंधे लोगों के लिए विशेष त्वचा की पेशकश करके रंगहीनता के लिए खाते की कोशिश की, जिसमें न केवल अलग-अलग रंग होते हैं, बल्कि विभिन्न आकार (प्रत्येक रंग के लिए एक आकार) भी होते हैं।





color-blindness