বিনামূল্যে WCAG রঙ কনট্রাস্ট পরীক্ষক

কিভাবে কাজ করে

কনট্রাস্ট পরীক্ষা পুরোপুরি আপনার ব্রাউজারে WCAG 2.1 relative luminance অ্যালগরিদম দিয়ে চলে — কোনো লাইব্রেরি বা সার্ভার নেই, শুধু স্পেসিফিকেশন হুবহু মেনে হাতে লেখা গণিত। টাইপ করা বা রং বাছার সঙ্গে সঙ্গে প্রতিটি ফলাফল রিয়েল টাইমে আপডেট হয়।

1. 1
   Hex ইনপুট ও নর্মালাইজেশন

   3-অঙ্কের (#abc) ও 6-অঙ্কের (#aabbcc) দুই ধরনের hex মানই গ্রহণ করে পূর্ণ RGB ত্রয়ীতে রূপান্তর করা হয়। অবৈধ ইনপুট চুপচাপ কালোতে না গিয়ে সঙ্গে সঙ্গে বাতিল হয়, তাই বিভ্রান্তিকর পাস ফলাফলের বদলে লাল বর্ডার দেখা যায়।
2. 2
   WCAG luminance হিসাব

   প্রতিটি রং WCAG 2.1 সূত্রে relative luminance-এ রূপান্তর হয়: sRGB চ্যানেলের মান খণ্ডিত গামা সংশোধন দিয়ে লিনিয়ার করা হয় (0.03928-এর নিচে 12.92 দিয়ে ভাগ, উপরে 2.4 ঘাত), তারপর 0.2126R + 0.7152G + 0.0722B হিসেবে ওজন দেওয়া হয়।
3. 3
   কনট্রাস্ট অনুপাত ও মান পরীক্ষা

   কনট্রাস্ট অনুপাত (lighter + 0.05) / (darker + 0.05) হিসেবে হিসাব হয় এবং WCAG-এর পাঁচটি সীমার সাথে মেলানো হয়: AA সাধারণ টেক্সট (4.5:1), AA বড় টেক্সট (3:1), AAA সাধারণ টেক্সট (7:1), AAA বড় টেক্সট (4.5:1) এবং UI কম্পোনেন্ট (3:1)। প্রতিটি কীস্ট্রোকে ফলাফল আপডেট হয়।
4. 4
   hue অক্ষুণ্ণ রেখে সমাধানের পরামর্শ

   জোড়াটি WCAG AA-তে ব্যর্থ হলে টুলটি HSL lightness স্পেসে খোঁজে — মূল lightness থেকে দুই দিকে ধাপে ধাপে — প্রতিটি রঙের নিকটতম রূপ খুঁজতে যা একই hue ও saturation রেখে 4.5:1 পাস করে। স্ক্রিন থেকে সরাসরি যেকোনো রং তুলতে EyeDropper API (Chromium)-ও আছে।

সম্পর্কিত টুলস