কালার কন্ট্রাস্ট চেকার
টেক্সট ও ব্যাকগ্রাউন্ড রঙের মধ্যে WCAG কন্ট্রাস্ট অনুপাত পরীক্ষা করুন — সাধারণ টেক্সট, বড় টেক্সট ও UI কম্পোনেন্টের জন্য AA/AAA পাস-ফেল গ্রেড দেখুন, সাথে লাইভ প্রিভিউ ও অ্যাক্সেসিবল রঙের পরামর্শ।
The quick brown fox
কন্ট্রাস্ট পর্যাপ্ত হলে বড় টেক্সট আরামদায়কভাবে পড়া যায়।
এটি সাধারণ বডি টেক্সটের একটি নমুনা অনুচ্ছেদ। ভালো কালার কন্ট্রাস্ট আপনার কন্টেন্ট সবার জন্য পড়ার উপযোগী রাখে, কম দৃষ্টিশক্তি বা বর্ণান্ধতা আছে এমন ব্যক্তিদের সহ। একটি নমুনা লিঙ্ক.
ছোট প্রিন্ট ও ক্যাপশন পড়া সবচেয়ে কঠিন — এগুলোর সবচেয়ে বেশি কন্ট্রাস্ট প্রয়োজন।সবকিছু WCAG 2.x রিলেটিভ-লুমিনান্স ফর্মুলা ব্যবহার করে আপনার ব্রাউজারে লাইভ গণনা করা হয় — কোনো আপলোড নেই, কোনো সাইন-আপ নেই, সম্পূর্ণ বিনামূল্যে।
কালার কন্ট্রাস্ট চেকার সম্পর্কে
কালার কনট্রাস্ট চেকার একটি টেক্সট রঙ ও একটি ব্যাকগ্রাউন্ড রঙের মধ্যে WCAG কনট্রাস্ট অনুপাত পরিমাপ করে, এরপর সাধারণ টেক্সট, বড় টেক্সট ও UI কম্পোনেন্টের জন্য AA ও AAA অ্যাক্সেসিবিলিটি লেভেলের বিপরীতে জোড়াটির গ্রেড দেয়। আপনি যেকোনো রঙ সমন্বয় করলে অনুপাত ও প্রতিটি পাস/ফেল রায় তাৎক্ষণিকভাবে আপডেট হয়।
একটি বাস্তবসম্মত প্রিভিউ প্যানেল আপনার বেছে নেওয়া সমন্বয়ে হেডিং, বডি কপি, ছোট প্রিন্ট, একটি বাটন ও একটি লিংক রেন্ডার করে, যাতে আপনি বিমূর্ত সোয়াচের বদলে বাস্তব কনটেন্ট দিয়ে পাঠযোগ্যতা যাচাই করতে পারেন। কোনো জোড়া ব্যর্থ হলে, টুলটি AA থ্রেশহোল্ড 4.5:1-এ পৌঁছানোর নিকটতম অ্যাক্সেসিবল টেক্সট রঙ সাজেস্ট করে, এক ক্লিকে প্রয়োগের জন্য প্রস্তুত।
গাণিতিক হিসাব WCAG 2.x রিলেটিভ-লুমিন্যান্স ফর্মুলা অনুসরণ করে এবং সম্পূর্ণ আপনার ব্রাউজারে চলে — কিছুই আপলোড হয় না এবং চেকগুলো ফ্রি। অনুপাত ও গ্রেডের একটি সংক্ষিপ্ত টেক্সট রিপোর্ট কপি করে অ্যাক্সেসিবিলিটি রিভিউ বা পুল রিকোয়েস্টে পেস্ট করতেও পারেন।
কালার কন্ট্রাস্ট চেকার কীভাবে ব্যবহার করবেন
- পিকার দিয়ে বা মান টাইপ করে আপনার টেক্সট রঙ ও ব্যাকগ্রাউন্ড রঙ সেট করুন।
- সাধারণ টেক্সট, বড় টেক্সট ও UI কম্পোনেন্টের জন্য কনট্রাস্ট অনুপাত এবং AA/AAA ফলাফল দেখুন।
- আপনার রঙে বাস্তব হেডিং, প্যারাগ্রাফ, বাটন ও লিংক দেখতে লাইভ প্রিভিউ পরীক্ষা করুন।
- জোড়াটি ব্যর্থ হলে, সাজেস্ট করা অ্যাক্সেসিবল টেক্সট রঙ প্রয়োগ করুন বা দুটি রঙ অদলবদল করুন।
- অনুপাত ও কমপ্লায়েন্স ফলাফল শেয়ার করতে "Copy report"-এ ক্লিক করুন।