# এলিমেন্টকে ন্যূনতম রঙের কনট্রাস্ট অনুপাতের সীমা পূরণ করতে হবে

<https://www.fixreports.com/bn/issues/color-contrast>

WCAG 1.4.3 কনট্রাস্ট (ন্যূনতম) · লেভেল AA

কিছু লেখা তার পটভূমি থেকে যথেষ্ট আলাদা হয়ে চোখে পড়ে না, তাই কম দৃষ্টিশক্তির মানুষ সেটি পড়তে পারেন না।

## এই নিয়ম কী যাচাই করে
নিশ্চিত করে যে লেখা ও পটভূমির রঙের কনট্রাস্ট WCAG 2 AA-এর ন্যূনতম কনট্রাস্ট অনুপাতের সীমা পূরণ করে.

## কেন এটি গুরুত্বপূর্ণ
WCAG 1.4.3 অনুযায়ী সাধারণ লেখার জন্য কনট্রাস্ট অনুপাত অন্তত 4.5:1 এবং বড় লেখার জন্য 3:1 হতে হবে। হালকা রঙের দাম, ব্যাজ ও ব্যানার কম দৃষ্টিশক্তির মানুষের পক্ষে পড়া কঠিন, আর উজ্জ্বল আলোয় সবার পক্ষেই।

## কীভাবে ঠিক করবেন
### যেকোনো ওয়েবসাইটে
1. কম কনট্রাস্টের লেখাটি খুঁজে বের করুন এবং এর লেখা ও পটভূমির রং লিখে রাখুন: একটি কনট্রাস্ট চেকার বা আপনার ব্রাউজারের ডেভেলপার টুল দুটোই দেখায়।
2. আপনার থিমের CSS-এ লেখা বা পটভূমির রং বদলান, যতক্ষণ না অনুপাত অন্তত 4.5:1 হয় (24px ও তার বড় লেখা, বা 18.66px বোল্ড লেখার জন্য 3:1)।
3. সেল ব্যাজ, প্লেসহোল্ডার টেক্সট, ফুটারের লিংক এবং ছবির ওপরের বাটনের দিকে বিশেষ নজর দিন।

### Shopify-তে
1. কম কনট্রাস্টের লেখাটি খুঁজে বের করুন এবং এর লেখা ও পটভূমির রং লিখে রাখুন: একটি কনট্রাস্ট চেকার বা আপনার ব্রাউজারের ডেভেলপার টুল দুটোই দেখায়।
2. Online Store > Themes > Customize > Theme settings > Colors-এ গিয়ে প্রভাবিত কালার স্কিমের লেখার রং গাঢ় করুন বা পটভূমি হালকা করুন, যতক্ষণ না অনুপাত অন্তত 4.5:1 হয়।
3. সেল ব্যাজ, প্লেসহোল্ডার টেক্সট, ফুটারের লিংক এবং ছবির ওপরের বাটনের দিকে বিশেষ নজর দিন।

### WooCommerce ও WordPress-এ
1. কম কনট্রাস্টের লেখাটি খুঁজে বের করুন এবং এর লেখা ও পটভূমির রং লিখে রাখুন: একটি কনট্রাস্ট চেকার বা আপনার ব্রাউজারের ডেভেলপার টুল দুটোই দেখায়।
2. আপনার থিমের CSS-এ লেখা বা পটভূমির রং বদলান, যতক্ষণ না অনুপাত অন্তত 4.5:1 হয় (24px ও তার বড় লেখা, বা 18.66px বোল্ড লেখার জন্য 3:1)।
3. সেল ব্যাজ, প্লেসহোল্ডার টেক্সট, ফুটারের লিংক এবং ছবির ওপরের বাটনের দিকে বিশেষ নজর দিন।

## সংশোধন কীভাবে যাচাই করবেন
- স্ক্যানটি আবার চালান এবং নিশ্চিত হন যে color-contrast আর দেখা যাচ্ছে না।
- হুবহু রংগুলো দিয়ে একটি কনট্রাস্ট চেকারে নমুনা যাচাই করুন।

## তথ্যসূত্র
- axe-core নিয়মের ডকুমেন্টেশন (Deque): https://dequeuniversity.com/rules/axe/4.13/color-contrast
- WCAG 1.4.3-এর ব্যাখ্যা (W3C): https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum