रंगांधता सिम्युलेटर
कोई भी छवि अपलोड करें और देखें कि विभिन्न प्रकार के रंग दृष्टि दोष वाले व्यक्ति को वह कैसी दिखती है। सारी प्रक्रिया आपके ब्राउज़र में होती है — आपकी छवि कभी किसी सर्वर पर नहीं भेजी जाती।
अपनी छवि अपलोड करें
सक्रिय फ़िल्टर
सामान्य
सामान्य रंग दृष्टि
सिम्युलेटेड दृश्य
अपलोड करने के बाद आपकी सिम्युलेटेड छवि यहाँ दिखाई देगी।
इस रंगांधता सिम्युलेटर के बारे में
यह कैसे काम करता है
यह सिम्युलेटर Machado, Oliveira और Fernandes (2009) के कार्य पर आधारित रंग रूपांतरण मैट्रिक्स का उपयोग करके हर पिक्सेल के रंग को इस रूप में बदलता है जैसा वह प्रत्येक प्रकार के रंग दृष्टि दोष वाले व्यक्ति को दिखाई देगा। सभी गणनाएँ HTML5 Canvas API की मदद से आपके ब्राउज़र में ही होती हैं।
इस टूल का उपयोग कौन करता है
डिज़ाइनर और डेवलपर इसका उपयोग यह जाँचने के लिए करते हैं कि उनका UI, इन्फोग्राफ़िक, चार्ट या मार्केटिंग सामग्री दुनिया भर के लगभग 30 करोड़ रंग दृष्टि दोष वाले लोगों के लिए सुलभ है या नहीं। WCAG सुलभता अनुपालन की जाँच के लिए यह विशेष रूप से उपयोगी है।
प्रोटानोपिया
~1%
लाल-अंधता। दीर्घ-तरंग (L) कोन अनुपस्थित।
ड्यूटेरानोपिया
~1%
हरा-अंधता। मध्य-तरंग (M) कोन अनुपस्थित।
ट्रिटानोपिया
<0.01%
नीला-अंधता। लघु-तरंग (S) कोन अनुपस्थित।
एक्रोमैटोप्सिया
<0.003%
पूर्ण रंगांधता। केवल श्वेत-श्याम में दिखाई देता है।
सिम्युलेटर किसलिए है
वर्ण-दृष्टि सिम्युलेटर डिज़ाइन का उपकरण है, निदान का नहीं। आप उसे एक छवि देते हैं; वह लौटाता है कि किसी विशेष कमी में कौन-से रंग-भेद टिके रहते हैं और कौन-से ढह जाते हैं। मूल्य ढहने में है। यदि आपके इंटरफ़ेस की दो चीज़ें अलग अर्थ रखती हैं और सिम्युलेशन उन्हें एक ही रंग में दिखाता है, तो आपने ऐसा दोष पकड़ा है जो आपके दर्शकों के बड़े हिस्से को प्रभावित करता है।
यह स्पष्ट कहना ज़रूरी है कि यह परिणाम क्या नहीं है। यह किसी के व्यक्तिपरक अनुभव में झाँकने की खिड़की नहीं है। जन्मजात ड्यूटरैनोमली वाले व्यक्ति ने जन्म से संसार ऐसे ही देखा है; उसकी रंग-अनुभूति उसके लिए बिल्कुल साधारण है, और कुछ विभेदन कार्यों में ऐसे लोग त्रिवर्णियों से बेहतर भी होते हैं। सिम्युलेशन को यह कहकर प्रस्तुत करना कि वे ऐसा ही देखते हैं, अशुद्ध है और, जब यह स्थिति को अभाव के रूप में गढ़ता है, अनुपयोगी भी।
सिम्युलेशन वास्तव में यह बताता है कि आपका डिज़ाइन कहाँ ऐसी सूचना पर निर्भर है जो दर्शकों के एक बड़े अल्पांश तक पहुँचती ही नहीं। यह अभियांत्रिकी का ठोस तथ्य है, जिस पर काम किया जा सकता है।
रूपांतरण के पीछे का मॉडल
सरल सिम्युलेटर छवि को उस रेखा पर समेट देते हैं जिसे द्विवर्णी व्यक्ति विभेदित कर सकता है। द्विवर्णता के लिए यह पर्याप्त है, पर कहीं अधिक सामान्य विषम त्रिवर्णता के लिए ग़लत, जहाँ प्रभावित शंकु खिसकी वर्णक्रमीय संवेदनशीलता के साथ मौजूद रहता है और रंग-सूचना मिटने के बजाय संपीड़ित होती है।
यह सिम्युलेटर मचाडो, ओलिवेरा और फ़र्नांडिस के शरीरक्रिया-आधारित उपागम का अनुसरण करता है, जो शंकु की संवेदनशीलता के खिसकाव का सीधे प्रतिरूपण करता है। चूँकि यह खिसकाव सतत प्राचल है, वही मॉडल सामान्य दृष्टि से लेकर हल्की विसंगति और पूर्ण द्विवर्णता तक की पूरी परास समेट लेता है, उन्हें असंबद्ध स्थितियों की तरह नहीं मानता।
यह अंतर समझना डिज़ाइन का तरीक़ा बदल देता है। ड्यूटरैनोपिया — मध्य-तरंग शंकु अनुपस्थित — कठोर स्थिति है। ड्यूटरैनोमली — वही शंकु उपस्थित पर खिसका हुआ — सामान्य स्थिति है, कहीं अधिक लोगों को प्रभावित करती है, और सूक्ष्म विफलताएँ उत्पन्न करती है: ऐसे रंग जो तकनीकी रूप से विभेद्य बने रहते हैं पर सघन चार्ट या छोटे इंटरफ़ेस तत्व में एक नज़र में अलग नहीं दिखते।
परिणाम का सही उपयोग
ऐसी छवि चढ़ाएँ जो रंग के माध्यम से वास्तविक अर्थ ले जाती हो: कोई डैशबोर्ड, रंग-कूटबद्ध लेजेंड वाला चार्ट, नक्शा, लाल त्रुटि-अवस्था वाला फ़ॉर्म, दिशा-निर्देश आरेख। हर सिम्युलेशन की मूल से तुलना करें और प्रत्येक रंग-कूटबद्ध भेद से एक ही प्रश्न पूछें: क्या यह अब भी दर्शक को वही बता रहा है जो उसे जानना चाहिए?
खोजने योग्य सामान्य विफलताएँ:
- लाल और हरे स्थिति-सूचक जो एक ही फीके रंग में बदल जाते हैं। सॉफ़्टवेयर में यही सबसे व्यापक सुगम्यता दोष है।
- चार्ट की श्रेणीगत पैलेटें जहाँ पड़ोसी शृंखलाएँ घुल-मिल जाती हैं, विशेषकर वे गुणात्मक पैलेटें जो बोधगम्य पृथक्करण के बजाय सौंदर्य-विविधता के लिए चुनी गई हों।
- अनुक्रमिक हीटमैप जो लाल और हरे से होकर गुज़रते हैं और अपना क्रम खो देते हैं।
- केवल रंग से पाठ से अलग दिखने वाले लिंक, जो पूरी तरह ग़ायब हो जाते हैं।
- अनिवार्य क्षेत्र और त्रुटि की शैली जो केवल लाल किनारे से बताई जाती है।
समाधान लगभग कभी यह नहीं होता कि दूसरे रंग ले लें। समाधान यह है कि दूसरा, रंगेतर संकेत जोड़ें: पाठ लेबल, आइकन, आकृति, भराव-पैटर्न, स्थिति या रेखांकन। तब रंग अर्थ का एकमात्र वाहक न रहकर उसका पुष्टिकर बन जाता है — और WCAG का रंग-उपयोग मानदंड यही माँगता है।
सिम्युलेशन कहाँ भरोसेमंद नहीं रहता
रूपांतरण आपकी छवि के sRGB मानों पर लागू होता है, इसलिए इसकी शुद्धता इस बात से बँधी है कि आपकी स्क्रीन sRGB कितनी निष्ठा से दिखाती है और स्रोत छवि उसी अवकाश में बनी थी या नहीं। विस्तृत-परास सामग्री, एचडीआर और सघन रंग-प्रबंधित कार्यप्रवाह परिणाम को खिसका देंगे।
यह मॉडल जन्मजात कमियों का वर्णन करता है। अर्जित वर्ण-दृष्टि हानि — ग्लूकोमा, मधुमेही रेटिनोपैथी, दृक् तंत्रिका रोग, मोतियाबिंद या दवाओं से — प्रायः भिन्न व्यवहार करती है, अक्सर दोनों आँखों को असमान रूप से प्रभावित करती है, और उसके साथ प्रायः तीक्ष्णता या कंट्रास्ट संवेदनशीलता की कमी होती है जिसे कोई रंग-रूपांतरण नहीं पकड़ता।
अंत में, याद रखें कि सिम्युलेशन एक ही दृष्टिकोण है। यह बताता है कि कौन-सी रंगतें घुलती हैं; यह कुछ नहीं बताता कि आपके पाठ में पहले से पर्याप्त द्युति-कंट्रास्ट है या नहीं। इसे कंट्रास्ट परीक्षक के साथ प्रयोग करें।
अधिक विस्तृत मार्गदर्शन के लिए देखें वर्णांधता के लिए डिज़ाइन और चार्ट को सुगम बनाना.
कोई सवाल है?
अक्सर पूछे जाने वाले सवाल
रंगांधता परीक्षणों के बारे में वह सब कुछ जो आपको जानना चाहिए — वे कैसे काम करते हैं और परिणामों के साथ क्या करें।
क्या वर्णांध लोग वास्तव में ऐसा ही देखते हैं?
नहीं, और कोई सिम्युलेटर ऐसा नहीं दिखा सकता। सिम्युलेशन आपकी सामान्य-दृष्टि स्क्रीन पर यह अनुमान प्रस्तुत करता है कि किसी कमी के बाद कौन-सी सूचना बची रहती है। यह व्यक्तिपरक अनुभव की पुनरावृत्ति नहीं कर सकता। जन्म से कमी वाले व्यक्ति ने कभी विकल्प देखा ही नहीं, इसलिए उसके रंग उसे सर्वथा सामान्य लगते हैं — वह अपने संसार को आपके संसार का फीका रूप नहीं मानता। इस परिणाम का उपयोग यह खोजने में करें कि आपका डिज़ाइन कहाँ सूचना खो रहा है, किसी और के अनुभव की कल्पना करने में नहीं।
सिम्युलेशन किस मॉडल का प्रयोग करता है?
यह मचाडो, ओलिवेरा और फ़र्नांडिस द्वारा वर्णित शरीरक्रिया-आधारित उपागम का अनुसरण करता है, जो रंगों को केवल एक रेखा पर समेटने के बजाय प्रभावित शंकु की खिसकी हुई वर्णक्रमीय संवेदनशीलता का प्रतिरूपण करता है। यह अंतर विषम त्रिवर्णता — प्रोटैनोमली और ड्यूटरैनोमली — के लिए महत्वपूर्ण है, जहाँ शंकु उपस्थित तो है पर खिसका हुआ है और गंभीरता सतत रूप से बदलती है।
द्विवर्णता और विषम त्रिवर्णता इतनी अलग क्यों दिखती हैं?
क्योंकि वे भिन्न स्थितियाँ हैं। द्विवर्णता में एक शंकु-वर्ग पूरी तरह अनुपस्थित होता है, इसलिए उस अक्ष की रंग-सूचना सचमुच लुप्त हो जाती है और सिम्युलेशन उसे समेट देता है। विषम त्रिवर्णता में शंकु खिसके शिखर के साथ मौजूद रहता है, इसलिए सूचना नष्ट होने के बजाय संपीड़ित होती है। विषम त्रिवर्णता कहीं अधिक सामान्य है, इसीलिए केवल द्विवर्णी सिम्युलेशन के विरुद्ध डिज़ाइन करना कहीं समस्या बढ़ा-चढ़ाकर और कहीं कम आँकता है।
सिम्युलेशन में मेरा चार्ट अब भी पठनीय लगता है। क्या काम पूरा हुआ?
अभी नहीं। सिम्युलेशन जाँचता है कि रंगतें विभेद्य बची हैं या नहीं, पर यह कंट्रास्ट अनुपात नहीं जाँचता, और उन स्थितियों को नहीं पकड़ता जहाँ अर्थ का एकमात्र वाहक रंग है। कंट्रास्ट परीक्षक भी चलाएँ और सुनिश्चित करें कि हर रंग-कूटबद्ध भेद के साथ दूसरा संकेत हो — लेबल, पैटर्न, आकृति या स्थिति।
क्या सिम्युलेटर मेरी छवि अपलोड करता है?
नहीं। रूपांतरण पूरी तरह आपके ब्राउज़र में कैनवास तत्व से चलता है। छवि कभी आपके उपकरण से बाहर नहीं जाती और किसी सर्वर को नहीं भेजी जाती।
मुझे किस प्रकार के विरुद्ध डिज़ाइन करना चाहिए?
पहले ड्यूटरैनोमली जाँचें, क्योंकि ड्यूटान कमियाँ कहीं अधिक सामान्य हैं, फिर कठोर स्थिति के रूप में ड्यूटरैनोपिया। यदि आपकी पैलेट नीले-पीले भेद पर टिकी है तो ट्राइटैनोपिया भी जोड़ें। जो डिज़ाइन ड्यूटरैनोपिया और ट्राइटैनोपिया में भी अपना अर्थ बनाए रखता है, वह सामान्यतः हल्के रूपों में भी टिक जाएगा।
अभी भी कोई सवाल है? हमसे संपर्क करें →