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

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

ওয়েব কনটেন্ট অ্যাক্সেসিবিলিটি গাইডলাইনস (WCAG) 2.1 টেক্সট এবং ব্যাকগ্রাউন্ডের মধ্যে ন্যূনতম কনট্রাস্ট অনুপাত সংজ্ঞায়িত করে যাতে দুর্বল দৃষ্টিশক্তিসম্পন্ন লোকেদের জন্য কন্টেন্ট পাঠযোগ্য থাকে। এই টুলটি তিন ধাপে অনুপাত গণনা করে: প্রথম, প্রতিটি রঙকে তার আপেক্ষিক আলোকীয়তায় রূপান্তরিত করা হয় sRGB চ্যানেল থেকে গ্যামা সংশোধন প্রয়োগ করে (0.03928 এর নিচে মানগুলি 12.92 দ্বারা ভাগ করা হয়, উপরে মানগুলি ((c+0.055)/1.055)^2.4 দ্বারা উত্থাপিত হয়) এবং L = 0.2126*R + 0.7152*G + 0.0722*B দিয়ে ফলাফল একত্রিত করে। এরপর উজ্জ্বলতম এবং অন্ধকারতম রঙের আলোকীয়তা L1 এবং L2 হিসাবে নেওয়া হয় এবং কনট্রাস্ট অনুপাত হল (L1 + 0.05) / (L2 + 0.05) — 0.05 অফসেট একটি পিচ-ব্ল্যাক প্রতিফলিত পৃষ্ঠকে মডেল করে। অবশেষে অনুপাতটি WCAG থ্রেশহোল্ডগুলির সাথে তুলনা করা হয়: AA সাধারণ টেক্সটের জন্য ≥ 4.5:1, AA বড় টেক্সট (18pt+, বা 14pt+ বোল্ড) এর জন্য ≥ 3:1, AAA সাধারণ টেক্সটের জন্য ≥ 7:1, এবং AAA বড় টেক্সটের জন্য ≥ 4.5:1 প্রয়োজন। টুলটি একটি লাইভ প্রিভিউ এবং প্রতিটি WCAG স্তরের জন্য পাস/ফেল ব্যাজগুলি দেখায় যাতে আপনি আপনার প্যালেট সামঞ্জস্য করতে পারেন এবং অবিলম্বে ফলাফল দেখতে পারেন।

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

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