রঙের কনট্রাস্ট যাচাই
WCAG 2.2 AA ও AAA সীমা অনুযায়ী লেখা ও পটভূমির কনট্রাস্ট যাচাই করুন। স্বচ্ছ রঙের পেছনে অস্বচ্ছ ক্যানভাস বাছুন, সাধারণ বা বড় লেখা দেখুন এবং রিপোর্ট রপ্তানি করুন।
CSS রঙের নাম, HEX, RGB/RGBA বা HSL/HSLA দিন। হিসাবের আগে স্বচ্ছ রং নির্বাচিত ক্যানভাসে মেশানো হয়।
| ব্যবহার | ন্যূনতম | ফলাফল |
|---|---|---|
| সাধারণ লেখা · AA | 4.5:1 | উত্তীর্ণ |
| সাধারণ লেখা · AAA | 7:1 | উত্তীর্ণ |
| বড় লেখা · AA | 3:1 | উত্তীর্ণ |
| বড় লেখা · AAA | 4.5:1 | উত্তীর্ণ |
| প্রয়োজনীয় UI ও গ্রাফিক্স · AA | 3:1 | উত্তীর্ণ |
ফল নির্ধারণে অপরিবর্তিত অনুপাত ব্যবহৃত হয়। বড় লেখা অন্তত ২৪ CSS px, অথবা গাঢ় হলে প্রায় ১৮.৬৭ CSS px। UI কনট্রাস্ট আসল সংলগ্ন রঙের ওপর নির্ভর করে; শুধু এই জোড়া দিয়ে পূর্ণ WCAG মান নিশ্চিত হয় না।
প্রতিটি শব্দ সহজে পড়া যাক।
প্রিভিউতে সাধারণ লেখার সীমা ব্যবহৃত হয়। কার্যকর পটভূমি: #FFFFFF (প্রদর্শনের জন্য পূর্ণসংখ্যায়)।
তিনটি সহজ ধাপ।
- CSS রঙের নাম, HEX, RGB বা HSL-এ লেখা ও পটভূমির রং দিন।
- স্বচ্ছতার পেছনে অস্বচ্ছ ক্যানভাস বেছে ফলাফল দেখুন।
- লেখার পূর্বরূপ দেখুন, রং অদলবদল করুন এবং রিপোর্ট কপি বা ডাউনলোড করুন।
কিছু জানা দরকার।
sRGB আপেক্ষিক উজ্জ্বলতা ও গোল না করা অনুপাত দিয়ে ফল নির্ধারিত হয়। বড় লেখা অন্তত ২৪ CSS পিক্সেল, বা বোল্ড হলে প্রায় ১৮.৬৭ পিক্সেল। কেবল স্থির রঙের জোড়া যাচাই হয়; গ্রেডিয়েন্ট, ছবি, ফন্টের প্রকৃত রেন্ডারিং, পাশের UI রং ও পূর্ণ অভিগম্যতার আলাদা পর্যালোচনা দরকার।
গোপনীয়তা কীভাবে রক্ষা করা হয় →সাধারণ প্রশ্ন।
৪.৫০:১ দেখালেও ব্যর্থ হয় কেন?
দেখানো মান দুই দশমিক পর্যন্ত গোল করা। সিদ্ধান্তে সম্পূর্ণ অনুপাত ব্যবহৃত হয়; ৪.৫-এর সামান্য কম হলেও সাধারণ লেখার AA সীমা পূরণ হয় না।
স্বচ্ছতার প্রভাব কী?
আগে পটভূমি নির্বাচিত অস্বচ্ছ ক্যানভাসের সঙ্গে মেশে, তারপর লেখা সেই কার্যকর পটভূমির সঙ্গে মেশে। এরপর কনট্রাস্ট হিসাব হয়। ক্যানভাস বদলালে ফল বদলাতে পারে।