# ID בשימוש ב-ARIA ובתוויות מוכרח להיות ייחודי

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

WCAG ⁨4.1.2 Name, Role, Value⁩ · רמה ⁨A⁩

כמה רכיבים חולקים id שמשמש לתווית או לתיאור, ולכן טכנולוגיות מסייעות עלולות להקריא תווית שגויה.

## מה הכלל הזה בודק
מוודא שכל ערך תכונת id שבשימוש ב-ARIA ובתוויות הוא ייחודי.

## למה זה חשוב
תוויות ותיאורים מפנים לרכיבים לפי id; כפילויות שוברות את הקישור הזה (WCAG 4.1.2).

## איך לתקן
### בכל אתר
1. נותנים לכל רכיב id ייחודי ומעדכנים את המאפיינים שמפנים אליו (⁨for⁩, ⁨aria-labelledby⁩, ⁨aria-describedby⁩).
2. בסקשנים של Shopify, מוסיפים ⁨{{ section.id }}⁩ למזהי ה-id כדי שסקשנים חוזרים יישארו ייחודיים.

### ב-Shopify
1. נותנים לכל רכיב id ייחודי ומעדכנים את המאפיינים שמפנים אליו (⁨for⁩, ⁨aria-labelledby⁩, ⁨aria-describedby⁩).
2. בסקשנים של Shopify, מוסיפים ⁨{{ section.id }}⁩ למזהי ה-id כדי שסקשנים חוזרים יישארו ייחודיים.

### ב-WooCommerce וב-WordPress
1. נותנים לכל רכיב id ייחודי ומעדכנים את המאפיינים שמפנים אליו (⁨for⁩, ⁨aria-labelledby⁩, ⁨aria-describedby⁩).
2. בסקשנים של 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