কালার কনট্রাস্ট চেকার
দুটি হেক্স কালারের মধ্যে WCAG কনট্রাস্ট রেশিও পরীক্ষা করুন এবং দেখুন জোড়াটি AA ও AAA অ্যাক্সেসিবিলিটি মান পাস করে কিনা।
এই টুলটি কি আপনার প্রশ্নের উত্তর দিয়েছে?
ধন্যবাদ — এটি টুলটি উন্নত করতে আমাদের সাহায্য করে।
এই টুলটি যেভাবে ব্যবহার করবেন
- ফোরগ্রাউন্ড (টেক্সট) কালার এবং ব্যাকগ্রাউন্ড কালার হেক্স কোড হিসেবে লিখুন।
- টুলটি প্রতিটি কালারের WCAG আপেক্ষিক লুমিন্যান্স হিসাব করে।
- কনট্রাস্ট রেশিও এবং AA ও AAA থ্রেশহোল্ডের Pass/Fail ফলাফল দেখুন।
দুটি কালার WCAG 2.1 কনট্রাস্ট প্রয়োজনীয়তা পূরণ করে কিনা তা পরীক্ষা করুন। সাধারণ টেক্সটের (AA) জন্য ন্যূনতম রেশিও 4.5:1 এবং সর্বোচ্চ AAA মানের জন্য 7:1।
সূত্র
For each hex color, compute relative luminance L using the WCAG formula:L = 0.2126 × lin(R) + 0.7152 × lin(G) + 0.0722 × lin(B)
where lin(c) = c/12.92 if c ≤ 0.03928, else lin(c) = ((c + 0.055)/1.055)2.4.
Contrast ratio: ratio = (Llighter + 0.05) / (Ldarker + 0.05)
WCAG thresholds: AA normal text ≥ 4.5:1; AA large text ≥ 3.0:1; AAA normal text ≥ 7.0:1; AAA large text ≥ 4.5:1.
সাধারণ জিজ্ঞাসা
- WCAG কনট্রাস্ট রেশিও কী?
- WCAG (Web Content Accessibility Guidelines) একটি কনট্রাস্ট রেশিও সূত্র নির্ধারণ করে। এটি 1:1 (কোনো কনট্রাস্ট নেই) থেকে 21:1 (সাদার উপর কালো) পর্যন্ত থাকে। সাধারণ বডি টেক্সটের জন্য AA কমপ্লায়েন্সে অন্তত 4.5:1 প্রয়োজন।
- বড় টেক্সট বলতে কী বোঝায়?
- বড় টেক্সট হলো 18pt (24px) বা তার বেশি, অথবা 14pt বোল্ড (প্রায় 19px বোল্ড)। বড় টেক্সটের জন্য AA-তে শুধু 3:1 রেশিও প্রয়োজন।