यह नियम क्या जाँचता है
सुनिश्चित करता है कि ARIA और लेबल में इस्तेमाल होने वाले हर id एट्रिब्यूट की वैल्यू यूनीक हो.
यह क्यों ज़रूरी है
लेबल और विवरण id के ज़रिए एलिमेंट से जुड़ते हैं; डुप्लिकेट id यह जुड़ाव तोड़ देती है (WCAG 4.1.2)।
इसे कैसे ठीक करें
- हर एलिमेंट को एक अलग id दें और उसका हवाला देने वाले एट्रिब्यूट (for, aria-labelledby, aria-describedby) अपडेट करें।
- Shopify सेक्शन में id में {{ section.id }} जोड़ें, ताकि दोहराए गए सेक्शन की id अलग रहें।
सुधार की जांच कैसे करें
- दोबारा स्कैन करें और पुष्टि करें कि duplicate-id नियम पास होता है।
FixReports इसे कैसे ढूँढता है
हमारा स्कैन जिस भी पेज को टेस्ट करता है, उस पर एक असली Chrome ब्राउज़र में axe-core का duplicate-id-aria नियम चलाता है, और फ़ेल होने वाले हर एलिमेंट को उसके पेज, उसके मार्कअप और, जहाँ लागू हो, एक स्क्रीनशॉट के साथ दिखाता है।
ऑटोमेटेड टेस्ट पुष्टि करता है कि यह ख़ास समस्या मौजूद है। वह यह नहीं बता सकता कि पेज का बाकी हिस्सा एक्सेसिबल है या नहीं: कुछ बाधाएँ तभी सामने आती हैं जब कोई व्यक्ति पेज की जाँच करता है।