# idهای به‌کاررفته در ARIA و برچسب‌ها باید منحصربه‌فرد باشند

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

WCAG ⁨4.1.2 Name, Role, Value⁩ · سطح ⁨A⁩

چند عنصر id یکسانی دارند که برای برچسب‌گذاری یا توصیف چیزی به کار می‌رود، بنابراین ممکن است فناوری‌های کمکی برچسب اشتباه را بخوانند.

## این قاعده چه چیزی را بررسی می‌کند
بررسی می‌کند که مقدار هر ویژگی id که در ARIA و برچسب‌ها به کار رفته است منحصربه‌فرد باشد.

## چرا اهمیت دارد
برچسب‌ها و توضیحات با id به عناصر اشاره می‌کنند؛ idهای تکراری این ارتباط را از بین می‌برند (WCAG 4.1.2).

## نحوه رفع
### در هر وب‌سایت
1. به هر عنصر یک id منحصربه‌فرد بدهید و ویژگی‌هایی را که به آن ارجاع می‌دهند (⁨for⁩، ⁨aria-labelledby⁩، ⁨aria-describedby⁩) به‌روز کنید.
2. در بخش‌های (sections) Shopify، ⁨{{ section.id }}⁩ را به idها اضافه کنید تا بخش‌های تکراری منحصربه‌فرد بمانند.

### در Shopify
1. به هر عنصر یک id منحصربه‌فرد بدهید و ویژگی‌هایی را که به آن ارجاع می‌دهند (⁨for⁩، ⁨aria-labelledby⁩، ⁨aria-describedby⁩) به‌روز کنید.
2. در بخش‌های (sections) Shopify، ⁨{{ section.id }}⁩ را به idها اضافه کنید تا بخش‌های تکراری منحصربه‌فرد بمانند.

### در WooCommerce و WordPress
1. به هر عنصر یک id منحصربه‌فرد بدهید و ویژگی‌هایی را که به آن ارجاع می‌دهند (⁨for⁩، ⁨aria-labelledby⁩، ⁨aria-describedby⁩) به‌روز کنید.
2. در بخش‌های (sections) Shopify، ⁨{{ 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