কনট্রাস্ট চেকার
দুটো রং দিন, অনুপাত পান, আর WCAG যে প্রতিটি মাপ আলাদা করে বিচার করে তার প্রতিটির রায় পান। কোনো জোড়া ব্যর্থ হলে এটা আপনার হিউ না সরিয়েই সবচেয়ে কাছের উতরে যাওয়া রংটা খুঁজে দেয়, ফলে সংশোধনটা ব্র্যান্ডের ভেতরেই থাকে। নতুন APCA সংখ্যাটা পাশে থাকে, স্পষ্ট করে লেখা যে সেটা এখনও মান নয়।
| কোথায় ব্যবহৃত হয় | ন্যূনতম | AA | AAA |
|---|
বড় লেখা, ২৪px ও তার বেশি
সাধারণ মাপের মূল লেখা — বেশির ভাগ পাতাকে আসলে এই ক্ষেত্রটাই উতরাতে হয়।
এই অনুপাত আসলে কী মাপে
প্রতিটা রংকে আগে আপেক্ষিক উজ্জ্বলতায় বদলানো হয় — sRGB গামা বক্র সরানোর পর তার লাল, সবুজ আর নীল চ্যানেলের ভারযুক্ত যোগফল, যেখানে সবুজের ভার সবচেয়ে বেশি কারণ চোখ সবুজের প্রতিই সবচেয়ে সংবেদনশীল। অনুপাতটা হলো: বেশি উজ্জ্বল মানটার সঙ্গে একটা ছোট ধ্রুবক যোগ করে, সেটাকে বেশি গাঢ় মানটার সঙ্গে ওই একই ধ্রুবক যোগ করা মান দিয়ে ভাগ। ওই ধ্রুবকই মাপকাঠিকে বিশুদ্ধ কালোর সামনে অসীমে ছুটে যাওয়া থেকে আটকায়, আর ওটার জন্যই সূত্রটা গাঢ় পটভূমির প্রতি বেশির ভাগ মানুষের চোখের চেয়ে বেশি নরম।
একই জোড়ার কয়েকটা রায় কেন
WCAG কোনো রঙের জোড়াকে একবারই বিচার করে না। বড় লেখার সীমা মূল লেখার চেয়ে নিচু, কারণ মাপটাই সেই কাজের কিছুটা করে দেয় যা নইলে কনট্রাস্টকে করতে হতো; আর ইন্টারফেসের উপাদান — চেকবক্সের কিনারা, ফোকাস রিং — আবার আলাদা করে বিচার হয়। যে প্যালেট মূল লেখায় ব্যর্থ, সেটাই কোনো শিরোনামে একেবারে ঠিক হতে পারে, তাই সারণিটা একটামাত্র রায়ের বদলে প্রতিটা ক্ষেত্র দেখায়।
ঠিক করার সময় হিউ ধরে রাখা
ব্যর্থ জোড়ার চেনা সমাধান হলো আরও গাঢ় ধূসর ধরা, আর তাতে ব্র্যান্ড থেকে রংটা চুপচাপ নিঃশেষ হয়ে যায়। এখানকার পরামর্শ কেবল উজ্জ্বলতা নাড়ায়, সেই সবচেয়ে ছোট ধাপে যা সীমা পেরোয়, আর হিউ ও স্যাচুরেশন যেখানে রেখেছেন সেখানেই রেখে দেয়। রংটা একই, শুধু ততটুকু এগোনো যতটুকুতে পড়া যায়।
APCA সংখ্যাটা নিয়ে
APCA হলো সেই কনট্রাস্ট মডেল যা নির্দেশিকার পরবর্তী সংস্করণের জন্য তৈরি হচ্ছে। WCAG 2-এর অনুপাত যা ধরে না — পোলারিটি, ফন্টের ওজন, গাঢ় পটভূমিতে অনুভূত কনট্রাস্টের পড়ে যাওয়া — এটা সেগুলো ধরে, আর পুরোনো সূত্র যেখানে আপনার চোখের সঙ্গে মেলে না সেখানে এটা সাধারণত মেলে। এটা এখানে দেখানো হয়েছে কারণ এটা সত্যিই কাজে লাগে, আর স্পষ্ট করে লেখা হয়েছে কারণ আপনাকে এর ভিত্তিতে বিচার করা হয় না। আজকের মানদণ্ড অনুপাত, Lc নয়।
FAQ
বড় লেখা বলতে কী বোঝায়?
১৮ পয়েন্ট, মোটামুটি ২৪ পিক্সেল, কিংবা ১৪ পয়েন্ট বোল্ড, মোটামুটি ১৮.৬৬ পিক্সেল বোল্ড। তার নিচে হলে সেটা সাধারণ লেখা আর তার জন্য বেশি অনুপাত লাগে।
আমার ধূসর রংগুলো সাদায় উতরায় কিন্তু গাঢ়তে ব্যর্থ। কেন?
WCAG 2-এর সূত্র সেভাবে প্রতিসম নয় যেভাবে আমাদের দেখা প্রতিসম। গাঢ় পটভূমিতে হালকা লেখা চোখে অনুপাতের ইঙ্গিতের চেয়ে কম কনট্রাস্ট দেখায়, আর এটাই সেই ফাঁকগুলোর একটা যা বোজাতে APCA বানানো হয়েছিল। জোড়াটা গাঢ়তে যদি কোনোমতে উতরায়, তবে চোখের ওপর ভরসা করুন আর একটু বাড়িয়ে দিন।
আইকন আর কিনারার ক্ষেত্রেও কি এই অনুপাত খাটে?
হ্যাঁ, ৩:১-এ, অ-পাঠ্য কনট্রাস্টের নিয়ম অনুযায়ী। এতে কোনো কন্ট্রোলের সেই অংশগুলো পড়ে যা ব্যবহার করতে হলে দেখা দরকার — কোনো ফিল্ডের রূপরেখা, টগল, ফোকাসের চিহ্ন — কিন্তু সাজসজ্জার গ্রাফিক বা লোগো নয়।
আমি এখানে যা লিখি তা কি কোথাও পাঠানো হয়?
না। রংগুলো কখনও এই পাতা ছেড়ে যায় না, আর কিছুই আপলোড বা সংরক্ষণ করা হয় না।
GO AI দলের তৈরি। OKLCH কনভার্টার · আমাদের অ্যাক্সেসিবিলিটি বিবৃতি · বিনামূল্যের সব টুল