# ARIA और लेबल में इस्तेमाल होने वाली id यूनीक होनी चाहिए

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

WCAG 4.1.2 Name, Role, Value · लेवल 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