রঙের কনট্রাস্ট চেকার

এটি কীভাবে কাজ করে

রঙ কনট্রাস্ট চেকার WCAG 2.1 নির্দেশিকা অনুযায়ী টেক্সট ও ব্যাকগ্রাউন্ড রঙের মধ্যে উজ্জ্বলতা কনট্রাস্ট অনুপাত পরিমাপ করে।

HEX, RGB বা HSL ফরম্যাটে টেক্সট ও ব্যাকগ্রাউন্ড রঙ দিন। টুলটি তাৎক্ষণিকভাবে প্রতিটি রঙের আপেক্ষিক উজ্জ্বলতা এবং তাদের কনট্রাস্ট অনুপাত গণনা করে।

WCAG স্তর অনুযায়ী ফলাফল পরীক্ষা হয়: AA-তে স্বাভাবিক টেক্সটের জন্য 4.5:1, বড় টেক্সটের জন্য 3:1; AAA-তে 7:1 এবং 4.5:1।

কম কনট্রাস্ট দৃষ্টিপ্রতিবন্ধী ব্যবহারকারীদের জন্য পড়া কঠিন করে তোলে।

বাস্তব উদাহরণ

সাদা পটে ধূসর লেখা #767676 যাচাই করুন: কনট্রাস্ট অনুপাত ঠিক 4.54:1 — সাধারণ লেখার WCAG AA (দরকার 4.5:1) পাস, কিন্তু AAA (7:1) ফেল; ফল-কার্ড প্রতিটি সীমা আলাদা দেখায়, বড় লেখার শিথিল নিয়মসহ। লগারিদমিক স্কেল-দণ্ড দেখায় জুটিটি 1:1 আর খাঁটি সাদাকালোর 21:1-এর মাঝে কোথায়। APCA কার্ড WCAG 3 মাপকাঠির আগাম ঝলক দেয়, আর অদলবদল বোতাম তৎক্ষণাৎ জানায় সামনে-পেছনে উল্টে লাভ হবে কি না। লাইভ প্রিভিউ সত্যিকার লেখা আঁকে — নিজের চোখে বিচার করুন।

ব্যবহারের ক্ষেত্রসমূহ

• একটি ডিজাইন সিস্টেম তৈরি করার সময় অ্যাক্সেসিবিলিটি-সম্মত ব্র্যান্ড রঙ নির্বাচন করুন
• বিদ্যমান UI উপাদানগুলি যাচাই করুন যে তারা WCAG AA বা AAA পাস করে
• ক্লায়েন্টদের কাছে প্রমাণ করুন যে একটি নির্দিষ্ট রঙের সংমিশ্রণ টেক্সটের জন্য উপযুক্ত নয়
• অ্যাক্সেসিবিলিটি বিষয়ে ডিজাইনার এবং ডেভেলপারদের শেখান
• আইনি অ্যাক্সেসিবিলিটি প্রয়োজনীয়তাগুলির জন্য ডকুমেন্টেশন প্রস্তুত করুন