Ce que vérifie cette règle
Vérifier que chaque valeur d’attribut id utilisée avec ARIA et dans les étiquettes est unique.
Pourquoi c’est important
Les étiquettes et les descriptions désignent les éléments par leur id ; les doublons rompent ce lien (WCAG 4.1.2).
Comment corriger
- Donnez à chaque élément un id unique et mettez à jour les attributs qui y font référence (for, aria-labelledby, aria-describedby).
- Dans les sections Shopify, ajoutez {{ section.id }} aux id pour que les sections répétées restent uniques.
Comment vérifier la correction
- Analysez à nouveau et vérifiez que la règle duplicate-id est respectée.
Comment FixReports le détecte
Notre analyse exécute la règle axe-core duplicate-id-aria dans un vrai navigateur Chrome sur chaque page testée, et signale chaque élément en échec avec sa page, son balisage et, le cas échéant, une capture d’écran.
Un test automatisé confirme la présence de ce problème précis. Il ne peut pas dire si le reste de la page est accessible : certains obstacles n’apparaissent que lorsqu’une personne vérifie la page.