আপনার রঙ যাচাই করুন
টেক্সটের পঠনযোগ্যতা নিশ্চিত করতে WCAG অ্যাক্সেসিবিলিটি স্ট্যান্ডার্ড পূরণের জন্য রঙের সংমিশ্রণ পরীক্ষা করো।
তুলনা: #F39C12 উপর #FFFFFF
টেক্সট
১৬px, সাধারণ (400)
স্বাভাবিক টেক্সট হিসেবে গণ্য।
AA (WCAG 1.4.3): কমপক্ষে 4.5:1
2.31 আরও দরকার
ব্যর্থAAA (WCAG 1.4.6): কমপক্ষে 7:1
4.81 আরও দরকার
ব্যর্থ
UI উপকরণ ও গ্রাফিক্স
আইকন, ইনপুট বর্ডার, ফোকাস সূচক এবং ইন্টারফেস ব্যবহার করতে যা দেখা দরকার এমন অন্যান্য অংশ।
AA (WCAG 1.4.11): কমপক্ষে 3:1
0.81 আরও দরকার
ব্যর্থ
এটি কীভাবে পরীক্ষা করা হয়
- তুলনা করা রঙ (ব্লেন্ড করার পর)
- টেক্সট #F39C12 ব্যাকগ্রাউন্ড #FFFFFF এর উপর
- আপেক্ষিক উজ্জ্বলতা
- টেক্সট 0.4287, ব্যাকগ্রাউন্ড 1.0000
- সুত্র
- (L1 + 0.05) / (L2 + 0.05) এখানে L1 হল হালকা রঙের উজ্জ্বলতা এবং L2 হল গাঢ় রঙের উজ্জ্বলতা।
- ঠিক অনুপাত
- 2.1931:1, 2.19:1 হিসেবে দেখানো হয়। দেখানো মান কেটে ফেলা হয়, রাউন্ড করা নয়, তাই এটি কখনোই নিজের চেয়ে ভালো দেখায় না। সঠিক মানটাই প্রয়োজনের সঙ্গে তুলনা করা হয়।
টেক্সট সাইজ: ১৬px, সাধারণ (400)
স্বাভাবিক টেক্সট হিসেবে গণ্য। বড় টেক্সট কমপক্ষে 24px (18pt), অথবা বোল্ড হলে (ওজন 700 বা বেশি) কমপক্ষে 18.67px (14pt)। সাইজগুলো কাটা হিসেবে দেখানো হয়, রাউন্ড করা হয় না।
স্বাভাবিক টেক্সট হিসেবে গণ্য। বড় টেক্সট কমপক্ষে 24px (18pt), অথবা বোল্ড হলে (ওজন 700 বা বেশি) কমপক্ষে 18.67px (14pt)। সাইজগুলো কাটা হিসেবে দেখানো হয়, রাউন্ড করা হয় না।
দ্রুত সমাধান
দ্রুত বাদামী শিয়াল অলস কুকুরের উপর লাফ দেয়
ছোট টেক্সট উদাহরণ (১২px)
WCAG স্ট্যান্ডার্ডস
স্তর AA
সাধারণ টেক্সটের জন্য ন্যূনতম কনট্রাস্ট অনুপাত 4.5:1 এবং বড় টেক্সটের জন্য 3:1। অধিকাংশ ওয়েবসাইটের জন্য প্রয়োজনীয়।
স্তর AAA
সাধারণ টেক্সটের জন্য উন্নত কনট্রাস্ট অনুপাত 7:1 এবং বড় টেক্সটের জন্য 4.5:1। সর্বোত্তম অ্যাক্সেসিবিলিটির জন্য সুপারিশকৃত।
রঙ কনট্রাস্ট চেকার
টেক্সট এবং ব্যাকগ্রাউন্ড রঙের কনট্রাস্ট অনুপাত হিসাব করুন।
টেক্সট এবং ব্যাকগ্রাউন্ড রঙের জন্য কালার পিকার ব্যবহার করে একটি রঙ চয়ন করুন অথবা RGB হেক্সাডেসিমেল ফরম্যাটে একটি রঙ লিখুন (যেমন, #259 বা #2596BE)। রঙ নির্বাচন করতে আপনি স্লাইডারটি সামঞ্জস্য করতে পারেন। ওয়েব কন্টেন্ট আক্সেসিবিলিটি গাইডলাইনস (WCAG) দৃষ্টিশক্তিসম্পন্ন ব্যবহারকারীদের জন্য টেক্সট পাঠযোগ্য কিনা তা নির্ধারণ করতে সাহায্য করার জন্য একটি নির্দিষ্ট নির্দেশিকা প্রদান করে। এই মানদণ্ডটি নির্দিষ্ট অ্যালগরিদম ব্যবহার করে রঙের সংমিশ্রণগুলিকে তুলনীয় অনুপাতের মধ্যে মানচিত্র করে। এই সূত্রটি ব্যবহার করে, WCAG বলে যে টেক্সট এবং এর ব্যাকগ্রাউন্ডের সাথে 4.5:1 রঙের কনট্রাস্ট অনুপাত নিয়মিত (বডি) টেক্সটের জন্য পর্যাপ্ত, এবং বড় টেক্সটের (18+ pt নিয়মিত, বা 14+ pt বোল্ড) কমপক্ষে 3:1 রঙের কনট্রাস্ট অনুপাত থাকা উচিত।
মূল বৈশিষ্ট্য
- রিয়েল-টাইম কনট্রাস্ট অনুপাত গণনা
- WCAG AA & AAA সম্মতি যাচাই
- সূক্ষ্ম টিউনিংয়ের জন্য HSL স্লাইডার
- একাধিক প্রিভিউ ফরম্যাট
উন্নত সরঞ্জাম
- স্বয়ংক্রিয় রঙ সংশোধন
- টেক্সট এবং ব্যাকগ্রাউন্ড নমুনা
- রঙের নাম সনাক্তকরণ
- ফলাফল রপ্তানি