# ARIA ও লেবেলে ব্যবহৃত id অনন্য হতে হবে

<https://www.fixreports.com/bn/issues/duplicate-id-aria>

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

লেবেল বা বর্ণনার কাজে ব্যবহৃত একটি id কয়েকটি এলিমেন্টে একই, তাই সহায়ক প্রযুক্তি ভুল লেবেল পড়তে পারে।

## এই নিয়ম কী যাচাই করে
নিশ্চিত করে যে ARIA ও লেবেলে ব্যবহৃত প্রতিটি id অ্যাট্রিবিউটের মান অনন্য.

## কেন এটি গুরুত্বপূর্ণ
লেবেল ও বর্ণনা id দিয়ে এলিমেন্টকে নির্দেশ করে; ডুপ্লিকেট id সেই সংযোগ ভেঙে দেয় (WCAG 4.1.2)।

## কীভাবে ঠিক করবেন
### যেকোনো ওয়েবসাইটে
1. প্রতিটি এলিমেন্টকে একটি অনন্য id দিন এবং যেসব অ্যাট্রিবিউট সেটিকে নির্দেশ করে সেগুলো হালনাগাদ করুন (for, aria-labelledby, aria-describedby)।
2. Shopify সেকশনে id-তে {{ section.id }} যোগ করুন, যাতে একই সেকশন একাধিকবার থাকলেও id অনন্য থাকে।

### Shopify-তে
1. প্রতিটি এলিমেন্টকে একটি অনন্য id দিন এবং যেসব অ্যাট্রিবিউট সেটিকে নির্দেশ করে সেগুলো হালনাগাদ করুন (for, aria-labelledby, aria-describedby)।
2. Shopify সেকশনে id-তে {{ section.id }} যোগ করুন, যাতে একই সেকশন একাধিকবার থাকলেও id অনন্য থাকে।

### WooCommerce ও WordPress-এ
1. প্রতিটি এলিমেন্টকে একটি অনন্য id দিন এবং যেসব অ্যাট্রিবিউট সেটিকে নির্দেশ করে সেগুলো হালনাগাদ করুন (for, aria-labelledby, aria-describedby)।
2. Shopify সেকশনে id-তে {{ section.id }} যোগ করুন, যাতে একই সেকশন একাধিকবার থাকলেও id অনন্য থাকে।

## সংশোধন কীভাবে যাচাই করবেন
- আবার স্ক্যান করুন এবং নিশ্চিত হন যে duplicate-id নিয়মটি উত্তীর্ণ হচ্ছে।

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