কার্যকরী
কালার কনট্রাস্ট চেকার
বিজ্ঞাপন
Preview
Normal Text (16px)
Large Text (24px)
Contrast Ratio
21.00:1
WCAG Compliance
Normal Text
✓
AA Pass
✓
AAA Pass
Large Text (18pt+ or 14pt+ bold)
✓
AA Pass
✓
AAA Pass
UI Components & Graphics
✓
AA Pass
WCAG Standards
Normal Text
- AA: 4.5:1 minimum
- AAA: 7:1 minimum
Large Text
- AA: 3:1 minimum
- AAA: 4.5:1 minimum
UI Components
- AA: 3:1 minimum
Common Combinations
Black on White
White on Blue
White on Dark Gray
আমাদের রঙের বৈপরীত্য পরীক্ষকের সাথে তাদের পরীক্ষা করতে নীচে আপনার রঙের সংমিশ্রণগুলি লিখুন এবং তারা অ্যাক্সেসযোগ্যতার মানগুলি পূরণ করে কিনা তা অবিলম্বে দেখুন৷
আমাদের কালার কনট্রাস্ট চেকার কিভাবে কাজ করে
RGB হেক্স মান ব্যবহার করে আপনার ফোরগ্রাউন্ড এবং ব্যাকগ্রাউন্ড রং লিখুন, অথবা রঙ পিকার দিয়ে সরাসরি বেছে নিন।
- অগ্রভাগের রঙ কতটা স্বচ্ছ তা পরিবর্তন করতে আলফা সামঞ্জস্য করুন।
- রঙ হালকা বা গাঢ় করতে আলোকতা স্লাইডার ব্যবহার করুন।
আমাদের টুল তারপরে বৈসাদৃশ্য অনুপাত গণনা করে এবং WCAG নির্দেশিকাগুলির সাথে এটি পরীক্ষা করে:
- WCAG 2.0 লেভেল AA
- কমপক্ষে 4.5:1 সাধারণ বডি টেক্সটের জন্য
- বড় টেক্সটের জন্য অন্তত 3:1
- WCAG 2.1 (UI এবং গ্রাফিক্স)
- আইকন, সীমানা এবং অন্যান্য ইন্টারফেস উপাদানগুলির জন্য কমপক্ষে 3:1
- WCAG স্তর AAA
- সাধারণ পাঠ্যের জন্য কমপক্ষে 7:1
- বড় টেক্সটের জন্য অন্তত 4.5:1
বড় পাঠ্য মানে হয়:
- 14 pt (প্রায় 18.66 px) এবং গাঢ়, অথবা
- 18 pt (প্রায় px) বা বড়
আপনার স্ক্রিনের যেকোনো কিছু থেকে সঠিক রং ধরতে আপনি কালার পিকারে আইড্রপার ব্যবহার করতে পারেন।
আলাদা আলাদা করার জন্য শুধুমাত্র রঙের উপর নির্ভর করে এমন লিঙ্কগুলির জন্য, আমাদের রঙের বৈসাদৃশ্য পরীক্ষক ব্যবহার করুন যাতে তারা অ্যাক্সেসযোগ্যতার মান পূরণ করে এবং প্রত্যেকের জন্য সহজে পড়া যায়।