# Les IDs utilisés avec ARIA et dans les étiquettes doivent être uniques

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

WCAG 4.1.2 Nom, rôle et valeur · Niveau A

Plusieurs éléments partagent un id qui sert à étiqueter ou à décrire un autre élément : les technologies d’assistance risquent donc de lire la mauvaise étiquette.

## 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
### Sur n’importe quel site web
1. Donnez à chaque élément un id unique et mettez à jour les attributs qui y font référence (for, aria-labelledby, aria-describedby).
2. Dans les sections Shopify, ajoutez {{ section.id }} aux id pour que les sections répétées restent uniques.

### Sur Shopify
1. Donnez à chaque élément un id unique et mettez à jour les attributs qui y font référence (for, aria-labelledby, aria-describedby).
2. Dans les sections Shopify, ajoutez {{ section.id }} aux id pour que les sections répétées restent uniques.

### Sur WooCommerce et WordPress
1. Donnez à chaque élément un id unique et mettez à jour les attributs qui y font référence (for, aria-labelledby, aria-describedby).
2. 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.

## Sources
- Documentation de la règle axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/duplicate-id-aria
- Comprendre le critère WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value