Identifiants dupliqués

Deux éléments avec le même id cassent les liens d'ancre, les associations label/champ et les références ARIA.

Qui est concerné

• Personnes aveugles, dont les associations aria-labelledby ou label pointent vers le mauvais élément
• Tout le monde, quand un lien d'ancre ou un script vise le premier id rencontré

Pourquoi c'est important

Un id doit être unique dans une page. Quand deux éléments le partagent, le navigateur et les technologies d'assistance ne savent plus lequel viser : un label peut décrire le mauvais champ, un aria-describedby annoncer la mauvaise aide. Critère 4.1.1 (niveau A) des WCAG 2.1.

Comment le tester vous-même

1. Recherchez les attributs id en double dans le code de la page.
2. Méfiez-vous des composants dupliqués (carrousels, modèles répétés) qui réutilisent le même id.

Comment corriger

Rendez chaque attribut id unique dans la page : deux éléments ne doivent jamais partager le même id.

<input id="email">
<input id="email">

<input id="email-connexion">
<input id="email-newsletter">

Critères de référence

Plainpied détecte ce défaut automatiquement et le localise page par page. La conformité totale combine détection automatique et vérifications humaines : voir notre méthode.