# ফর্ম এলিমেন্টে লেবেল থাকতে হবে

<https://www.fixreports.com/bn/issues/label>

WCAG 4.1.2 নাম, রোল, মান · লেভেল A

কিছু ফর্ম ফিল্ডের কোনো লেবেল নেই, তাই স্ক্রিন রিডার ব্যবহারকারীরা জানেন না কী লিখতে হবে।

## এই নিয়ম কী যাচাই করে
নিশ্চিত করে যে প্রতিটি ফর্ম এলিমেন্টের একটি লেবেল আছে.

## কেন এটি গুরুত্বপূর্ণ
WCAG 1.3.1, 3.3.2 ও 4.1.2 অনুযায়ী ফর্ম ফিল্ডে লেবেল থাকতে হবে। নিউজলেটার সাইন-আপ ও সার্চ ফিল্ডে এই সমস্যা প্রায়ই দেখা যায়।

## কীভাবে ঠিক করবেন
### যেকোনো ওয়েবসাইটে
1. প্রতিটি ফিল্ডে একটি <label for="field-id"> এলিমেন্ট দিন, অথবা অন্তত একটি aria-label।
2. শুধু প্লেসহোল্ডার টেক্সট লেবেল হিসেবে গণ্য হয় না।

### Shopify-তে
1. প্রতিটি ফিল্ডে একটি <label for="field-id"> এলিমেন্ট দিন, অথবা অন্তত একটি aria-label।
2. শুধু প্লেসহোল্ডার টেক্সট লেবেল হিসেবে গণ্য হয় না।

### WooCommerce ও WordPress-এ
1. প্রতিটি ফিল্ডে একটি <label for="field-id"> এলিমেন্ট দিন, অথবা অন্তত একটি aria-label।
2. শুধু প্লেসহোল্ডার টেক্সট লেবেল হিসেবে গণ্য হয় না।

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

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