বিনামূল্যে WCAG রঙের বৈসাদৃশ্য পরীক্ষক: আপনার ব্রাউজারে AA এবং AAA সম্মতির জন্য পাঠ্য এবং পটভূমির রং পরীক্ষা করুন। হেক্স বা rgb মান লিখুন, বৈসাদৃশ্য অনুপাত দেখুন এবং তাত্ক্ষণিকভাবে পাস/ফেল করুন। কোন লগইন, কোন আপলোড.
এটি sRGB আপেক্ষিক আলোকসজ্জা ব্যবহার করে একটি ফোরগ্রাউন্ড (টেক্সট) রঙ এবং একটি পটভূমির রঙের মধ্যে WCAG 2.x বৈসাদৃশ্য অনুপাত গণনা করে। আপনি একটি সাংখ্যিক অনুপাত (উদাহরণস্বরূপ 4.52:1) এবং সাধারণ পাঠ্য এবং বড় পাঠ্যে WCAG AA এবং AAA থ্রেশহোল্ডের জন্য পাস/ফেল পাবেন। এটি একটি ডিজাইন QA সহায়ক—আপনার সম্পূর্ণ সাইটের সম্পূর্ণ স্বয়ংক্রিয় অ্যাক্সেসিবিলিটি অডিট নয়।
হেক্স (#RGB, #RRGGBB, #RRGGBBAA), rgb(), এবং rgba()। Figma টোকেন, CSS ভেরিয়েবল বা ডিজাইন ডক্স থেকে ব্র্যান্ড প্যালেট মান আটকান। ল্যুমিন্যান্স গণনা করার আগে #ffff-এর মতো ছোট হেক্স #ffffff-এ প্রসারিত হয়।
AA হল সাধারণ আইনি এবং পণ্যের বেসলাইন: সাধারণ পাঠ্যের জন্য 4.5:1, বড় পাঠ্যের জন্য 3:1। AAA কঠোর: 7:1 স্বাভাবিক, 4.5:1 বড়। অনেক মার্কেটিং সাইট বডি কপির জন্য AA এবং শুধুমাত্র হিরো হেডলাইন বা উচ্চ-ঝুঁকিপূর্ণ UI এর জন্য AAA লক্ষ্য করে। এই টুলটি উভয়ই দেখায় যাতে আপনি ডিজাইন সহ একটি প্রতিরক্ষাযোগ্য লক্ষ্য বাছাই করতে পারেন।
বড় টেক্সট কমপক্ষে 18 পয়েন্ট (24 CSS px) নিয়মিত ওজন, বা কমপক্ষে 14 পয়েন্ট বোল্ড (প্রায় 18.66 CSS px)। বোতাম, ক্যাপশন এবং সূক্ষ্ম মুদ্রণ প্রায়ই AA ব্যর্থ হয় এমনকি যখন শিরোনাম পাস হয়—আপনি পাঠানো প্রতিটি আকার পরীক্ষা করুন, শুধু H1 সোয়াচ নয়।
না। পার্সিং এবং লুমিনেন্স ম্যাথ সম্পূর্ণভাবে আপনার ব্রাউজারে চলে। অপ্রকাশিত প্যালেট পরীক্ষা এবং ক্লায়েন্ট NDA রং আপনার ডিভাইসে থাকে। শেষ হলে শেয়ার্ড মেশিনে ক্ষেত্রগুলি সাফ করুন।
rgba এবং #RRGGBBAA মানগুলিকে পার্স করা হয়, কিন্তু অস্বচ্ছ sRGB চ্যানেলে বৈসাদৃশ্য মূল্যায়ন করা হয়- পরীক্ষক ফটোগ্রাফিক ব্যাকগ্রাউন্ডে আলফা-কম্পোজিট টেক্সট করে না। চিত্রগুলিতে পাঠ্যের জন্য, অনুলিপির পিছনে কার্যকর রঙের নমুনা নিন বা প্রথমে একটি শক্ত ওভারলে ব্যবহার করুন, তারপরে পুনরায় পরীক্ষা করুন।
হ্যাঁ। মূল অনুপাত এবং পাস/ফেল পাথের জন্য কোনো লগইন ছাড়াই বিনামূল্যে।