বর্ণান্ধতা সিমুলেটর

কালার-ব্লাইন্ড চোখ দিয়ে আপনার কাজ দেখুন

এই কালার ব্লাইন্ডনেস সিমুলেটর যেকোনো ইমেজকে পুনরায় রেন্ডার করে যাতে অনুমান করা যায় একজন কালার ভিশন ডেফিসিয়েন্সিযুক্ত ব্যক্তির কাছে এটি কেমন দেখায়। একটি স্ক্রিনশট, চার্ট, ম্যাপ বা ফটো আপলোড করুন — বা বিল্ট-ইন নমুনা ব্যবহার করুন — এবং প্রোট্যানোপিয়া, ডিউটেরানোপিয়া, ট্রাইট্যানোপিয়া এবং সম্পূর্ণ কালার ব্লাইন্ডনেসের মধ্যে সুইচ করে সাথে সাথে দেখুন কোথায় আপনার ডিজাইন শুধু রঙের ওপর খুব বেশি নির্ভর করছে।

একটি ব্রাউজার এক্সটেনশনের বিপরীতে যা শুধু বর্তমান পেজকে টিন্ট করে, এই অনলাইন কালার ব্লাইন্ডনেস সিমুলেটর আপনার বেছে নেওয়া একটি ইমেজের প্রকৃত পিক্সেলে, আপনার পেস্ট করা ক্লিপবোর্ড, বা একটি লাইভ ওয়েবক্যাম ফিডে কাজ করে — এবং এটি পূর্ণ নেটিভ রেজোলিউশন বজায় রাখে, তাই আপনি যে গুণমান দিয়ে দিয়েছেন সেই একই গুণমানে সিমুলেট করা ফলাফল ডাউনলোড করতে পারেন।

Machado-সঠিক, একটি সেভেরিটি স্লাইডারসহ

বেশিরভাগ ফ্রি সিমুলেটর শুধু সম্পূর্ণ ডাইক্রোম্যাট (১০০%) রূপ দেখায়, যা বেশিরভাগ কালার-ব্লাইন্ড মানুষ আসলে কীভাবে দেখে তা অতিরঞ্জিত করে। এই টুলটি Machado, Oliveira & Fernandes (2009) ফিজিওলজিক্যাল ম্যাট্রিক্স ব্যবহার করে — একই মডেল যা Chrome DevTools ব্যবহার করে — এবং একটি ০–১০০% সেভেরিটি স্লাইডার যোগ করে যাতে আপনি অ্যানোম্যালাস ট্রাইক্রোম্যাসিও প্রিভিউ করতে পারেন। ডিউটেরানোমালি, সবচেয়ে সাধারণ ধরন, বাস্তবসম্মতভাবে প্রায় ৪০-৬০%-এ প্রিভিউ করা হয়, যেখানে ১০০% আপনাকে বিরল সম্পূর্ণ ডিউটেরানোপিয়া দেয়।

মোট আটটি ধরন কভার করা হয়েছে: প্রোট্যানোমালি এবং প্রোট্যানোপিয়া, ডিউটেরানোমালি এবং ডিউটেরানোপিয়া, ট্রাইট্যানোমালি এবং ট্রাইট্যানোপিয়া, আক্রোমাটোপসিয়া, এবং ব্লু-কোন মনোক্রোমেসি — 'কালার ব্লাইন্ডনেসের ৭ ধরন' নিয়ে সাধারণ সার্চের উত্তর দিয়ে এবং তারপর আরও কিছু।

তুলনা করুন, সংশোধন করুন এবং পরিদর্শন করুন

চারটি ভিউ মোড সমস্যাগুলো স্পষ্ট করে তোলে। সিঙ্গেল একটি ধরন পূর্ণ-স্ক্রিনে দেখায়; স্প্লিট-কম্পেয়ার স্লাইডার মূল এবং সিমুলেশনের মধ্যে wipe করে; অল-টাইপস গ্রিড একটি আপলোড থেকে প্রতিটি CVD ধরন একসাথে রেন্ডার করে; এবং লাইভ ওয়েবক্যাম রিয়েল টাইমে আপনার ক্যামেরা ফিড সিমুলেট করে। বিল্ট-ইন eyedropper ব্যবহার করতে ইমেজে হোভার করুন এবং যেকোনো পিক্সেলের মূল বনাম সিমুলেট করা রঙ পড়ুন।

ইমেজের একটি CVD-সংশোধিত সংস্করণ প্রিভিউ করতে Daltonize টগল করুন, যেখানে সাধারণত মিশে যাওয়া রঙগুলোকে এমন চ্যানেলে ঠেলে দেওয়া হয় যা একজন কালার-ব্লাইন্ড দর্শক এখনও আলাদা করতে পারেন — একটি ফিচার যা বেশিরভাগ ফ্রি সিমুলেটর প্রদান করে না।

একটি রঙের প্যালেটের নিরাপত্তা পরীক্ষা করুন

ডিজাইনারদের সবসময় একটি স্ক্রিনশট প্রস্তুত থাকে না, তাই বিল্ট-ইন প্যালেট চেকার আপনাকে hex কোড পেস্ট করতে দেয় (উদাহরণস্বরূপ #e11d48 এবং #16a34a) এবং প্রতিটি স্বওয়াচ স্বাভাবিক দৃষ্টি এবং প্রতিটি CVD ধরনের অধীনে পাশাপাশি দেখতে দেয়। আপনার 'error red' এবং 'success green' একজন ডিউটেরানোপের কাছে একই কর্দমাক্ত টোনে পরিণত হলে, আপনি সাথে সাথেই এটি দেখবেন — এবং একটি আইকন বা লেবেল যোগ করতে জানবেন।

এটি পেজ না ছেড়ে বা কিছু ইনস্টল না করে 'আমার প্যালেট কি কালার ব্লাইন্ড ফ্রেন্ডলি?' উত্তর দেওয়ার দ্রুততম উপায়।

ডিজাইন করে প্রাইভেট — কিছুই আপলোড হয় না

প্রতিটি রূপান্তর একটি HTML canvas-এ স্থানীয়ভাবে চলে, তাই আপনার ইমেজ, প্যালেট এবং ওয়েবক্যাম স্ট্রিম কখনও আপনার ডিভাইস ছেড়ে যায় না। কোনো সার্ভার নেই, কোনো অ্যাকাউন্ট নেই, এবং আমাদের পক্ষ থেকে কোনো ফাইল-আকারের ক্যাপ নেই। এটি এমন সিমুলেটরের সাথে একটি ইচ্ছাকৃত বৈসাদৃশ্য যা আপনার ফাইল আপলোড করে বা প্রসেসিংয়ের আগে ৮০০px-এ সংকুচিত করে — আপনার অপ্রকাশিত মকআপ আপনারই থাকে।

শিপ করার আগে একটি দ্রুত কালার ভিশন ডেফিসিয়েন্সি সেলফ-চেক হিসেবে এটি ব্যবহার করুন: চার্ট, ড্যাশবোর্ড, ইনফোগ্রাফিক্স, ট্রাফিক-লাইট স্টেট এবং ব্র্যান্ড প্যালেট সাধারণ রেড-গ্রিন ধরনের মাধ্যমে চালান, যা কিছু শুধু hue-এর ওপর নির্ভর করে তা ঠিক করুন, এবং প্রায় ১২ জনে ১ জন পুরুষ আসলে পড়তে পারেন এমন কিছু শিপ করুন।

এটি Coblis, Color Oracle, এবং DaltonLens-এর সাথে কীভাবে তুলনীয়

Coblis (coblis.com) সবচেয়ে সুপরিচিত ফ্রি কালার ব্লাইন্ডনেস সিমুলেটর। এটি আপনার ইমেজ প্রসেসিংয়ের জন্য একটি বাহ্যিক সার্ভারে আপলোড করে কাজ করে, যা অপ্রকাশিত UI ডিজাইন এবং ফটোগ্রাফির জন্য একটি প্রাইভেসি ঝুঁকি। এতে একটি সেভেরিটি স্লাইডারও নেই — আপনি শুধু সম্পূর্ণ ১০০% ডাইক্রোম্যাট সংস্করণ দেখতে পারেন। Color Oracle একটি ফ্রি ডেস্কটপ অ্যাপ্লিকেশন Windows এবং Mac-এর জন্য যা আপনার সম্পূর্ণ স্ক্রিনে কালার ব্লাইন্ডনেস সিমুলেশন ওভারলে করে, কিন্তু সফটওয়্যার ইনস্টলেশন প্রয়োজন, মোবাইলে কাজ করে না, এবং অ্যানোম্যালাস ট্রাইক্রোম্যাসি (আংশিক সেভেরিটি) সিমুলেট করতে পারে না। DaltonLens (daltonlens.org) একটি Python লাইব্রেরি এবং একটি ব্রাউজার টুল অফার করে — গবেষকদের জন্য চমৎকার, কিন্তু টেকনিক্যাল এবং ডিজাইনারদের জন্য কম উপযুক্ত যারা দ্রুত একটি ভিজ্যুয়াল চেক চান।

এই টুলটি তিনটি ফাঁকই পূরণ করে: শূন্য সার্ভার আপলোড (canvas-local), বাস্তবসম্মত অ্যানোম্যালাস ট্রাইক্রোম্যাসি সিমুলেশনের জন্য ০–১০০% সেভেরিটি স্লাইডার, কোনো ইনস্টলেশন প্রয়োজন নেই, আইফোন এবং অ্যান্ড্রয়েডসহ যেকোনো ডিভাইসে কাজ করে, এবং একই পেজে ডাল্টনাইজেশন আউটপুট ও একটি প্যালেট চেকার যোগ করে। এই সব ফিচার কোনো অ্যাকাউন্ট প্রয়োজন ছাড়াই ফ্রি — যা UtiloKit-কে সেই অ্যাক্সেসিবিলিটি প্ল্যাটফর্মগুলো থেকে আলাদা করে যারা সম্পূর্ণ CVD সিমুলেশন স্যুটের জন্য চার্জ নেয়।

একটি গাইড, ডায়াগনসিস নয়

এই সিমুলেশনগুলো প্রতিটি ঘাটতির গড় চেহারা মডেল করে; প্রকৃত রঙ দৃষ্টি ব্যক্তি থেকে ব্যক্তিতে ভিন্ন হয়, এবং একটি সিমুলেটর কখনও একজন ব্যক্তি ঠিক কী দেখে তা পুনরুৎপাদন করতে পারে না। এটি একটি ডিজাইন এবং অ্যাক্সেসিবিলিটি টুল, একটি মেডিকেল ডিভাইস নয় — আপনি যদি নিজের দৃষ্টি পরীক্ষা করতে চান, একটি সঠিক রঙ দৃষ্টি মূল্যায়নের জন্য একজন চোখের যত্ন পেশাদার দেখুন যেমন একটি Ishihara বা anomaloscope টেস্ট।

রঙ দৃষ্টির জীববিজ্ঞান: কোন, অনুপাত এবং প্রকৃতপক্ষে কী ভাঙে

মানুষের রঙ দৃষ্টি রেটিনায় তিন শ্রেণীর ফটোরিসেপ্টরের ওপর নির্ভর করে, প্রতিটি দৃশ্যমান বর্ণালীর একটি ভিন্ন অংশে টিউন করা। S-কোন (short wavelength) প্রায় ৪২০ nm-এ শীর্ষে পৌঁছায় — যাকে আমরা আলগাভাবে নীল বলি। M-কোন (medium wavelength) প্রায় ৫৩০ nm-এ শীর্ষে পৌঁছায় — সবুজ। L-কোন (long wavelength) প্রায় ৫৬০ nm-এ শীর্ষে পৌঁছায় — লাল। গুরুত্বপূর্ণভাবে, রঙ উপলব্ধি একটি একক কোন প্রকার থেকে পরম সিগন্যাল সম্পর্কে নয়; এটি হলো তিনটির জুড়ে উদ্দীপনার অনুপাত যা ভিজ্যুয়াল কর্টেক্স একটি hue হিসেবে ব্যাখ্যা করে। একটি বিশুদ্ধ ৫৬০ nm আলো L-কোনকে M-কোনের চেয়ে বেশি ফায়ার করে, এবং S-কোনকে প্রায় স্পর্শ করে না — সেই অনুপাত লাল হিসেবে নিবন্ধিত হয়। অন্য একটি ওয়েভলেংথ যোগ করে অনুপাত পরিবর্তন করুন এবং মস্তিষ্ক একটি ভিন্ন রঙ দেখে, এমনকি মোট উজ্জ্বলতা অভিন্ন থাকলেও।

এই অনুপাত-ভিত্তিক সিস্টেমটি কেন কালার ভিশন ডেফিসিয়েন্সি এত নির্দিষ্টভাবে বিঘ্নকারী তার কারণও। মনোক্রোমেসি — শুধু একটি কার্যকরী কোন প্রকার, বা কোনোটিই না — সম্পূর্ণ কালার ব্লাইন্ডনেস তৈরি করে কারণ গণনা করার মতো কোনো অনুপাত নেই; শুধু উজ্জ্বলতা অবশিষ্ট থাকে। এটি প্রায় ৩০,০০০ জনে ১ জনকে প্রভাবিত করে এবং প্রায়ই গুরুতর আলো সংবেদনশীলতা এবং কমে যাওয়া দৃষ্টি তীক্ষ্ণতার সাথে থাকে। ডাইক্রোমেসি হলো একটি সম্পূর্ণ কোন শ্রেণীর ক্ষতি, দুটি অক্ষত রেখে — মস্তিষ্কের এখনও একটি অনুপাত থাকে কিন্তু এটি দ্বি-মাত্রিকের পরিবর্তে এক-মাত্রিক, একটি সমৃদ্ধ রঙ স্থানকে বিভ্রান্তিকর hue-এর একটি একক লাইনে সংকুচিত করে। অ্যানোম্যালাস ট্রাইক্রোম্যাসি সবচেয়ে সাধারণ রূপ: সব তিন কোন প্রকার উপস্থিত, কিন্তু একটির শীর্ষ সংবেদনশীলতা স্থানান্তরিত, তাই অনুপাতটি এখনও কাজ করে কিন্তু দুটি অক্ষের মধ্যে কমে যাওয়া বিভাজনসহ — স্থানান্তরিত কোনের অক্ষের কাছাকাছি রঙগুলো আলাদা করা কঠিন হয়ে ওঠে।

ডিজাইনের জন্য ব্যবহারিক প্রভাব হলো রঙ বিভ্রান্তি এলোমেলো noise নয়। প্রতিটি ঘাটতির ধরন hue স্পেসের একটি নির্দিষ্ট অক্ষ জুড়ে বিভ্রান্তি তৈরি করে। প্রোট্যান এবং ডিউটান ঘাটতি রেড-গ্রিন অক্ষকে সংকুচিত করে; ট্রাইট্যান ঘাটতি ব্লু-ইয়েলো অক্ষকে সংকুচিত করে। সেই অক্ষগুলো থেকে দূরে থাকা রঙ — উদাহরণস্বরূপ একটি উচ্চ-কনট্রাস্ট নেভি-অন-হোয়াইট সংমিশ্রণ — CVD ধরন নির্বিশেষে কার্যত প্রতিটি ব্যবহারকারীর কাছে নিখুঁতভাবে দৃশ্যমান থাকে।

বিস্তারিতভাবে রঙ দৃষ্টি ডেফিসিয়েন্সির ধরন

প্রোট্যানোপিয়া হলো L-কোনের সম্পূর্ণ অনুপস্থিতি। যেহেতু L-কোন সাধারণত hue-এর পাশাপাশি উপলব্ধিত উজ্জ্বলতায়ও অবদান রাখে, লাল কেবল সবুজের সাথে একই রকম hue-এর দেখায় না বরং উল্লেখযোগ্যভাবে গাঢ়ও দেখায় — একটি গাঢ় ব্যাকগ্রাউন্ডে একটি লাল সতর্কতা আইকন প্রায় অদৃশ্য হয়ে যেতে পারে। প্রোট্যানোমালি হলো আংশিক রূপ (অনুপস্থিত না হয়ে স্থানান্তরিত L-কোন) এবং প্রায় ১% পুরুষকে প্রভাবিত করে; বিভ্রান্তি প্রোট্যানোপিয়ার মতো কিন্তু হালকা। ডিউটেরানোপিয়া — M-কোন অনুপস্থিত — সবচেয়ে সাধারণ ডাইক্রোম্যাটিক রূপ, প্রায় ১% পুরুষকে প্রভাবিত করে; লাল, কমলা, সবুজ এবং বাদামী সবই একটি কর্দমাক্ত হলুদ-খাকির দিকে সংকুচিত হয়, কিন্তু উজ্জ্বলতা প্রোট্যানোপিয়ার চেয়ে কম প্রভাবিত হয় কারণ M-কোন উজ্জ্বলতা উপলব্ধিতে কম অবদান রাখে। ডিউটেরানোমালি (স্থানান্তরিত M-কোন) একক সবচেয়ে বিস্তৃত ধরন, প্রায় ৫-৬% পুরুষকে প্রভাবিত করে: রঙ স্থান অর্ধেক না হয়ে সংকুচিত হয়, তাই বিভাজন সম্ভব কিন্তু কম কনট্রাস্ট বা ছোট আকারে অনির্ভরযোগ্য।

ট্রাইট্যানোপিয়া — S-কোন অনুপস্থিত — ব্লু-ইয়েলো বিভ্রান্তি তৈরি করে: নীল সবুজের দিকে সরে যায়, হলুদ গোলাপি বা ধূসরের দিকে। এটি লিঙ্গ-সংযুক্ত নয়, পুরুষ এবং নারী উভয়কেই সমানভাবে প্রভাবিত করে, এবং প্রায় ১০,০০০ জনে ১ জন হিসেবে বিরল। ট্রাইট্যানোমালি হলো আংশিক রূপ। উভয় ট্রাইট্যান ধরনই বার্ধক্যের সাথেও সম্পর্কিত (লেন্স হলুদ হয়ে যায়, শর্ট ওয়েভলেংথ শোষণ করে) এবং নির্দিষ্ট ওষুধের পার্শ্বপ্রতিক্রিয়ার সাথে, মানে সেগুলো বংশগত না হয়ে অর্জিত হতে পারে — একটি বিষয় যা প্রায়ই অ্যাক্সেসিবিলিটি আলোচনায় মিস হয়। আক্রোমাটোপসিয়া (রড মনোক্রোমেসি) সবচেয়ে গুরুতর রূপ: কোন সিস্টেম মূলত অকার্যকর, উল্লেখযোগ্য আলোক ভীতি এবং কমে যাওয়া তীক্ষ্ণতাসহ ধূসরের ছায়ায় দৃষ্টি রেখে। ব্লু-কোন মনোক্রোমেসি একটি ঘনিষ্ঠভাবে সম্পর্কিত X-লিঙ্কড প্রায়-সম্পূর্ণ রূপ যেখানে শুধু S-কোন সামান্য কাজ করে; এটি আরও বিরল।

নির্দিষ্ট ধরনগুলো বোঝা ডিজাইন সিদ্ধান্তের জন্য গুরুত্বপূর্ণ। রেড-গ্রিন ব্যর্থতা (প্রোট্যান এবং ডিউটান) প্রায় ১২ জনে ১ জন পুরুষকে প্রভাবিত করে, এগুলোকে প্রধান অ্যাক্সেসিবিলিটি উদ্বেগ করে তোলে। ট্রাইট্যান ব্যর্থতা অনেক কম মানুষকে প্রভাবিত করে কিন্তু ডেটা-ভারী ড্যাশবোর্ডের জন্য সিমুলেট করার মতো যা প্রাথমিক ডেটা জোড়া হিসেবে নীল/হলুদ ব্যবহার করে। আক্রোমাটোপসিয়া একটি চরম সংখ্যালঘুকে প্রভাবিত করে কিন্তু যেকোনো অ্যাক্সেসিবিলিটি অডিটে বিবেচনার জন্য যথেষ্ট গুরুতর।

জেনেটিক্স এবং মহামারীবিদ্যা: পুরুষরা কেন অনেক বেশি প্রভাবিত হয়

L-অপসিন এবং M-অপসিন এনকোড করা জিন — L- এবং M-কোনের ফটোপিগমেন্ট — X ক্রোমোজোমে অবস্থিত। যেহেতু পুরুষরা শুধু একটি X ক্রোমোজোম বহন করে (XY), যেকোনো অপসিন জিনের একটি ত্রুটিপূর্ণ কপি রেড-গ্রিন কালার ব্লাইন্ডনেস ঘটাতে যথেষ্ট। নারী (XX) উভয় X ক্রোমোজোমেই ত্রুটিপূর্ণ কপি প্রয়োজন, তাদের প্রভাবিত হওয়ার চেয়ে অনেক বেশি ক্যারিয়ার করে তোলে। ফলাফল একটি স্পষ্ট মহামারীবিদ্যা অসামঞ্জস্য: ইউরোপীয় বংশোদ্ভূত জনসংখ্যায় আনুমানিক ৮% পুরুষ এবং শুধুমাত্র ০.৫% নারীর কোনো ধরনের রেড-গ্রিন CVD আছে — প্রায় ১৬:১ অনুপাত। আফ্রিকান এবং পূর্ব এশীয় জনসংখ্যায় হার কিছুটা কম, সম্ভবত অপসিন জিন ভেরিয়েন্টের ঐতিহাসিক ফ্রিকোয়েন্সির পার্থক্যের কারণে। ট্রাইট্যান ঘাটতি, বিপরীতে, অটোজোমাল (ক্রোমোজোম ৭) এবং পুরুষ ও নারীকে প্রায় সমান হারে প্রভাবিত করে।

অর্জিত রঙ দৃষ্টি ডেফিসিয়েন্সি আরেকটি মাত্রা যোগ করে। Optic neuritis, glaucoma, এবং diabetic retinopathy সবই রঙ বিভাজনকে খারাপ করতে পারে, যেমন কিছু ওষুধ — নির্দিষ্ট antihistamine, sildenafil (erectile dysfunction ওষুধ কোনে phosphodiesterase পাথওয়ে প্রভাবিত করে), এবং ethambutol (যক্ষ্মা চিকিৎসায় ব্যবহৃত)। এর মানে কালার ব্লাইন্ডনেস একটি জেনেটিক সংখ্যালঘুতে সীমাবদ্ধ একটি স্থির বৈশিষ্ট্য নয়; এটি একটি বর্ণালী যা বয়স এবং অসুস্থতার সাথে প্রশস্ত হয়। কালার ব্লাইন্ডনেসের জন্য ডিজাইন করা তাই বয়স্ক ব্যবহারকারীদেরও সাহায্য করে যাদের লেন্স হলুদভাব শর্ট-ওয়েভলেংথ ট্রান্সমিশন কমায়, এবং প্রাসঙ্গিক ওষুধে থাকা যেকোনো ব্যবহারকারীকেও।

কালার ব্লাইন্ডনেসকে একটি গুরুতর প্রতিবন্ধকতার স্টেরিওটাইপ থেকে দূর করতে সাহায্য করে এমন কয়েকজন সুপরিচিত মানুষ রঙ দৃষ্টি ডেফিসিয়েন্সি প্রকাশ করেছেন: Mark Zuckerberg-এর ডিউটেরানোপিয়া আছে বলে জানা যায় (Facebook-এর প্যালেট এত ভারী নীল কেন এই কারণ), John Legend প্রকাশ্যে তার কালার ব্লাইন্ডনেস নিয়ে আলোচনা করেছেন, এবং ঐতিহাসিক ব্যক্তিত্ব যেমন Mark Twain এবং Paul Newman-এর CVD ছিল বলে বিশ্বাস করা হয়। কালার ব্লাইন্ডনেসযুক্ত অধিকাংশ মানুষ উল্লেখযোগ্য সীমাবদ্ধতা ছাড়াই বাঁচেন এবং কাজ করেন — প্রধান সমস্যাগুলো তখনই দেখা দেয় যখন ইন্টারফেস, চার্ট বা নিরাপত্তা সিস্টেম তাদের বিবেচনা না করেই ডিজাইন করা হয়।

রঙ দৃষ্টি ডেফিসিয়েন্সির জন্য ডিজাইন করা: নিয়ম, প্যালেট এবং WCAG

অ্যাক্সেসযোগ্য রঙ ডিজাইনের মৌলিক নীতি সহজ: তথ্য জানাতে কখনও শুধু রঙের ওপর নির্ভর করবেন না। শুধু hue-এ এনকোড করা যেকোনো অর্থ — একটি লাল ত্রুটি ব্যাজ বনাম একটি সবুজ সাফল্য ব্যাজ, শুধু রঙ-কোডেড লাইনসহ একটি চার্ট, শুধু রঙ-কোডেড অঞ্চলসহ একটি ম্যাপ — আপনার দর্শকদের একটি উল্লেখযোগ্য অংশের কাছে অস্পষ্ট বা অদৃশ্য হয়ে যায়। সমাধান সবসময় একটি দ্বিতীয় চ্যানেল যোগ করা: আকৃতি, প্যাটার্ন, লেবেল, আইকন বা টেক্সচার। একটি সাফল্যের অবস্থা নির্ভরযোগ্যভাবে যোগাযোগ করে যখন এতে সবুজ রঙ এবং একটি চেক-মার্ক আইকন উভয়ই থাকে; একটি লাইন চার্ট নির্ভরযোগ্যভাবে যোগাযোগ করে যখন প্রতিটি সিরিজে একটি স্বতন্ত্র রঙ এবং একটি স্বতন্ত্র লাইন স্টাইল (solid, dashed, dotted) বা মার্কার আকৃতি (বৃত্ত, বর্গ, ত্রিভুজ) উভয়ই থাকে।

ইন্টারফেস ডিজাইনে সবচেয়ে খারাপ রঙ জোড়া হলো বিরোধী অবস্থা হিসেবে ব্যবহৃত লাল এবং সবুজ — সাফল্য/ত্রুটি, পাস/ফেল, যান/থামুন — কারণ এটি সরাসরি ৮% পুরুষ ব্যবহারকারীকে প্রভাবিত করা প্রোট্যান এবং ডিউটান বিভ্রান্তি অক্ষে ম্যাপ হয়। কমলা-বনাম-নীল বা ম্যাজেন্টা-বনাম-টিল নিরাপদ বিকল্প। ডেটা ভিজ্যুয়ালাইজেশনের জন্য, Okabe-Ito প্যালেট — বৈজ্ঞানিক চিত্রের জন্য বিশেষভাবে তৈরি — আটটি রঙ ব্যবহার করে যা প্রোট্যানোপিয়া, ডিউটেরানোপিয়া এবং ট্রাইট্যানোপিয়ায় একসাথে আলাদা থাকে: কালো, কমলা (#E69F00), স্কাই ব্লু (#56B4E9), bluish green (#009E73), হলুদ (#F0E442), নীল (#0072B2), vermilion (#D55E00) এবং reddish purple (#CC79A7)। Tableau-এর colorblind প্যালেট এবং IBM-এর Design Language প্যালেট একই ধরনের নীতি অনুসরণ করে।

WCAG 1.4.1 — Use of Color (Level A, ন্যূনতম কমপ্লায়েন্স স্তর) স্পষ্টভাবে বলে যে তথ্য জানাতে, একটি ক্রিয়া নির্দেশ করতে, একটি প্রতিক্রিয়া প্রম্পট করতে, বা একটি ভিজ্যুয়াল এলিমেন্ট আলাদা করতে রঙ একমাত্র ভিজ্যুয়াল উপায় হতে পারবে না। এটি যেকোনো পাবলিকভাবে অ্যাক্সেসযোগ্য ওয়েবসাইট বা অ্যাপ্লিকেশনের জন্য একটি কঠিন প্রয়োজনীয়তা, একটি সেরা-অনুশীলন পরামর্শ নয়। এটিকে WCAG 1.4.3 (সাধারণ টেক্সটের জন্য কনট্রাস্ট রেশিও ≥ ৪.৫:১) দিয়ে জোড়া দিন এবং আপনি রঙ অ্যাক্সেসিবিলিটির রঙ-এনকোডিং এবং luminance-কনট্রাস্ট উভয় অক্ষ কভার করবেন। শিপ করার আগে এই সিমুলেটরের মধ্য দিয়ে আপনার UI চালানো 1.4.1 ব্যর্থতা ধরার দ্রুততম উপায় যা স্বয়ংক্রিয় কনট্রাস্ট চেকার সনাক্ত করতে পারে না — কারণ কনট্রাস্ট চেকার luminance পার্থক্য পরিমাপ করে, hue বিভ্রান্তি নয়।