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

WCAG কনট্রাস্ট অনুপাত এবং কোন কোন AA ও AAA লেভেল পাস করে তা দেখতে একটি টেক্সট এবং ব্যাকগ্রাউন্ডের রঙ লিখুন।

কনট্রাস্ট অনুপাত
স্বাভাবিক টেক্সটAA4.5:1
স্বাভাবিক টেক্সটAAA7:1
বড় টেক্সটAA3:1
বড় টেক্সটAAA4.5:1
UI এবং গ্রাফিক্স3:1
পরীক্ষা করার জন্য একটি টেক্সট এবং ব্যাকগ্রাউন্ডের রঙ লিখুন।

প্রতিটি পরীক্ষা আপনার ব্রাউজারে সম্পন্ন হয়। আপনার কোনো ইনপুট BroBroGo-তে আপলোড করা হয় না।

জিজ্ঞাসিত প্রশ্নাবলী

AA এবং AAA ফলাফলের অর্থ কী?

বেশিরভাগ সাইট AA লেভেল অর্জনের লক্ষ্য রাখে: সাধারণ টেক্সটের জন্য কমপক্ষে ৪.৫:১ এবং বড় টেক্সটের জন্য ৩:১ অনুপাত প্রয়োজন। AAA আরও কঠোর — সাধারণ টেক্সটের জন্য ৭:১ এবং বড় টেক্সটের জন্য ৪.৫:১ অনুপাত প্রয়োজন। এই অনুপাত ১:১ (কোনো কনট্রাস্ট নেই) থেকে ২১:১ (সাদার ওপর কালো) পর্যন্ত হতে পারে।

কোন টেক্সট বড় টেক্সট (large text) হিসেবে গণ্য হয়?

১৮pt (প্রায় ২৪px) থেকে শুরু হওয়া টেক্সট, অথবা বোল্ড হলে ১৪pt (প্রায় ১৮.৫px) টেক্সট। বড় টেক্সট কম কনট্রাস্টেও সহজে পড়া যায়, তাই এটি কঠোর সাধারণ টেক্সটের সীমার পরিবর্তে ৩:১ অনুপাতে AA এবং ৪.৫:১ অনুপাতে AAA পাস করে।

আমি কোন কোন কালার ফরম্যাট ইনপুট দিতে পারব?

একটি হেক্স মান যেমন #1a1a1a, একটি rgb() মান যেমন rgb(26, 26, 26), অথবা একটি hsl() মান লিখুন — অথবা রঙ বেছে নিতে যেকোনো সোয়াচে ক্লিক করুন। টেক্সট এবং ব্যাকগ্রাউন্ডের রঙ অদলবদল করতে সোয়াপ বাটনটি ব্যবহার করুন।

এটি কি WCAG 2 নাকি নতুন APCA পদ্ধতি?

এটি WCAG 2.1 / 2.2 ফর্মুলা ব্যবহার করে, যা বর্তমানে অ্যাক্সেসিবিলিটি নিয়ম এবং অডিটের ক্ষেত্রে রেফারেন্স হিসেবে ব্যবহৃত হয়। APCA হলো একটি নতুন পদ্ধতি যা WCAG 3-এর জন্য ড্রাফট করা হচ্ছে — এটি আশাব্যঞ্জক হলেও এখনো কমপ্লায়েন্স স্ট্যান্ডার্ড নয়, তাই এখানকার ফলাফলে এটি ব্যবহার করা হয়নি।