কীভাবে ব্যবহার করবেন
- রং বেছে নিন বা লিখুন — hex, rgb(), hsl(), oklch() অথবা রঙের নাম ব্যবহার করুন।
- অনুপাত ও চারটি WCAG ফল দেখুন এবং নিচের লাইভ প্রিভিউ পরীক্ষা করুন।
- মান পূরণ না হলে, পরামর্শের পাশে এই রং ব্যবহার করুন বোতামে ক্লিক করে সেটি প্রয়োগ করুন।
অপশনগুলোর ব্যাখ্যা
- AA
- সাধারণ লেখার জন্য অন্তত 4.5:1 এবং বড় লেখার জন্য 3:1 (18 pt / 24 px, অথবা 14 pt / প্রায় 18.7 px বোল্ড)। বেশিরভাগ বিধিমালা ও ডিজাইন সিস্টেমে AA প্রয়োজন।
- AAA
- সাধারণ লেখার জন্য অন্তত 7:1 এবং বড় লেখার জন্য 4.5:1; যেখানে পাঠযোগ্যতা সবচেয়ে গুরুত্বপূর্ণ, এমন কনটেন্টের জন্য এটি প্রযোজ্য।
- প্রস্তাবিত রং
- OKLCH রঙের স্পেসে hue ও chroma অপরিবর্তিত রেখে শুধু lightness বদলে, সবে পাস করে এমন সবচেয়ে কাছের রং খুঁজে বের করে।
- স্বচ্ছ রং
- স্বচ্ছতা থাকা টেক্সটের রং ব্যাকগ্রাউন্ডের ওপর যেভাবে দেখা যায়, সেভাবেই মাপা হয়।
অনুপাত কীভাবে হিসাব হয়
প্রতিটি রং sRGB থেকে লিনিয়ার আলোতে, তারপর আপেক্ষিক উজ্জ্বলতায় রূপান্তরিত হয়:
linear = c ÷ 12.92 if c ≤ 0.04045
linear = ((c + 0.055) ÷ 1.055) ^ 2.4 otherwise (c is 0–1)
L = 0.2126 × R + 0.7152 × G + 0.0722 × B
ratio = (L_lighter + 0.05) ÷ (L_darker + 0.05)সবুজ সবচেয়ে বেশি গুরুত্ব পায়, কারণ চোখ এর প্রতি সবচেয়ে সংবেদনশীল। সাদা ব্যাকগ্রাউন্ডে কিছু ফলাফল:
| লেখার রং | অনুপাত | ফলাফল |
|---|---|---|
| #000000 | 21 : 1 | AAA |
| #0066cc | 5.57 : 1 | AA সাধারণ লেখা, AAA সাধারণ লেখা নয় |
| #767676 | 4.54 : 1 | AA সাধারণ লেখা |
| #777777 | 4.48 : 1 | সাধারণ লেখার জন্য AA-তে ব্যর্থ, বড় লেখার জন্য পাস |
WCAG-এর সংজ্ঞাগুলো আছে Understanding Success Criterion 1.4.3-এ।
সচরাচর জিজ্ঞাসিত প্রশ্ন
কনট্রাস্ট কীভাবে হিসাব করা হয়?
WCAG 2.x-এর সূত্রে (হালকা রঙের আপেক্ষিক উজ্জ্বলতা + 0.05) ÷ (গাঢ় রঙের আপেক্ষিক উজ্জ্বলতা + 0.05) হিসাব করা হয়, ফলে 1:1 থেকে 21:1 অনুপাত পাওয়া যায়। সাদা রঙের ওপর কালোর অনুপাত 21:1।
#767676 এত বেশি উল্লেখ করা হয় কেন?
সাদার ওপর 4.5:1 অনুপাত পেতে এটিই সবচেয়ে হালকা ধূসর (প্রায় 4.54:1), তাই গৌণ লেখার জন্য এটি সাধারণ নিম্নসীমা হিসেবে ব্যবহৃত হয়।
আইকন ও বর্ডারও কি পরীক্ষা করতে হবে?
হ্যাঁ। WCAG 2.1 অনুযায়ী, ইউজার ইন্টারফেসের উপাদান ও গ্রাফিক্স—বোতামের বর্ডার, ইনপুট, আইকন—সংলগ্ন রঙের সঙ্গে অন্তত 3:1 কনট্রাস্ট রাখতে হবে।
গোপনীয়তা
এই টুলটি পুরোপুরি আপনার ব্রাউজারে চলে। আপনার ফাইল ও লেখা আপনার ডিভাইসেই প্রসেস হয় এবং কখনো আমাদের সার্ভারে আপলোড হয় না।