বিনামূল্যে কনভার্টার

রঙের কনট্রাস্ট চেকার (WCAG)

দুটি রঙের মধ্যে কনট্রাস্ট অনুপাত পরীক্ষা করুন এবং WCAG AA ও AAA অ্যাক্সেসিবিলিটি মানদণ্ড মেনে চলুন। বিনামূল্যে, তাৎক্ষণিক এবং সম্পূর্ণ ব্রাউজারে।

নমুনা টেক্সট — সাধারণ আকার

নমুনা ছোট টেক্সট — 14px

কনট্রাস্ট অনুপাত:21.00:1
WCAG AAসাধারণ টেক্সটপাস
WCAG AAবড় টেক্সটপাস
WCAG AAAসাধারণ টেক্সটপাস
WCAG AAAবড় টেক্সটপাস

এই টুল সম্পর্কে

WCAG 2.1 অ্যাক্সেসিবিলিটি নির্দেশিকা অনুসারে ফোরগ্রাউন্ড টেক্সট এবং পটভূমির রঙের মধ্যে রঙের বৈসাদৃশ্য অনুপাত পরীক্ষা করুন। হেক্স কোড, RGB মান, বা HSL মান হিসাবে রং লিখুন এবং তাত্ক্ষণিকভাবে WCAG AA এবং AAA সম্মতির জন্য সাধারণ এবং বড় পাঠ্য আকারে পাস/ফেল ফলাফল সহ বৈসাদৃশ্য অনুপাত দেখুন।

কিভাবে ব্যবহার করবেন

  1. কালার পিকার বা হেক্স ইনপুট ব্যবহার করে আপনার ফোরগ্রাউন্ড (টেক্সট) রঙ লিখুন বা বেছে নিন।
  2. আপনার পটভূমির রঙ লিখুন বা বেছে নিন।
  3. অবিলম্বে বৈসাদৃশ্য অনুপাত এবং WCAG 2.1 AA/AAA পাস/ফেল ফলাফল দেখুন।
  4. আপনি পছন্দসই সম্মতি স্তর অর্জন না হওয়া পর্যন্ত রং সামঞ্জস্য করুন।

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

WCAG সম্মতির জন্য কোন বৈসাদৃশ্য অনুপাত প্রয়োজন?
WCAG AA সাধারণ পাঠ্যের জন্য 4.5:1 এবং বড় পাঠ্যের জন্য 3:1 প্রয়োজন (18pt+ বা 14pt+ বোল্ড)। WCAG AAA সাধারণ পাঠ্যের জন্য 7:1 এবং বড় পাঠ্যের জন্য 4.5:1 প্রয়োজন। সর্বাধিক সম্ভাব্য অনুপাত হল 21:1 (সাদা উপর কালো)।
কেন রঙ বৈসাদৃশ্য ব্যাপার?
পর্যাপ্ত বৈসাদৃশ্য নিশ্চিত করে যে পাঠ্য কম দৃষ্টিশক্তি, বর্ণান্ধতা বা উজ্জ্বল সূর্যালোকে স্ক্রীন দেখার ব্যবহারকারীদের জন্য পাঠযোগ্য। এটি অনেক ওয়েবসাইটের জন্য ADA এবং EU অ্যাক্সেসিবিলিটি প্রবিধানের অধীনে একটি আইনি প্রয়োজনীয়তা।
WCAG-তে 'বড় পাঠ্য' কি বিবেচনা করা হয়?
বড় টেক্সটকে নিয়মিত ওজনের জন্য 18pt (24px) এবং তার উপরে, অথবা বোল্ড টেক্সটের জন্য 14pt (18.66px) এবং তার উপরে সংজ্ঞায়িত করা হয়। বড় টেক্সট কম কনট্রাস্ট প্রয়োজনীয়তা আছে কারণ এটি সহজাতভাবে পড়া সহজ।
এই টুল কি অ-পাঠ্য উপাদানগুলির জন্য বৈসাদৃশ্য পরীক্ষা করে?
WCAG 2.1-এর জন্য UI উপাদান এবং গ্রাফিকাল বস্তুর (বোতাম, আইকন, ফর্ম ক্ষেত্র) জন্য একটি 3:1 কনট্রাস্ট অনুপাত প্রয়োজন। আপনি সেইগুলি যাচাই করতে এই টুলটি ব্যবহার করতে পারেন — শুধু উপাদান এবং পটভূমির রং লিখুন।