Identifiants d’étiquette valides pour les fragments
Silktide vérifie les étiquettes de formulaire qui renvoient à un autre élément par ID, et signale les étiquettes dont l’ID n’existe nulle part sur la page. Une étiquette qui ne pointe vers rien ne peut nommer aucun élément.
En , un <label> nomme un champ de formulaire en définissant son attribut for sur l’id du champ. Cette vérification confirme uniquement que l’ID référencé existe quelque part sur la page ; une vérification complémentaire, Identifiants d’étiquette valides, va plus loin et vérifie que la cible est un champ de formulaire pouvant recevoir une étiquette.
<!-- Problème : rien sur la page n’a l’id=\"food\" -->
<label for=\"food\">Plat préféré</label>
Pourquoi c’est important
Une étiquette avec une référence rompue ne sert à rien : un ne peut pas la relier à un champ, le champ que l’étiquette était censée nommer est donc annoncé sans nom, et cliquer sur l’étiquette ne le met plus au focus. Comme la page semble inchangée, ces ruptures apparaissent généralement en silence lorsque des ID sont renommés ou que le balisage est restructuré, et seules des vérifications automatisées les détectent.
Comment corriger
- Trouvez l’élément que l’étiquette était censée décrire et définissez la valeur
forde l’étiquette sur l’idexact de cet élément (les ID sont sensibles à la casse) :
<!-- Corrigé : l’étiquette pointe vers un ID réel -->
<label for=\"food\">Plat préféré</label>
<input type=\"text\" id=\"food\">
- Si l’élément cible n’a pas d’
id, ajoutez-en un. - Si l’étiquette est un vestige qui ne décrit plus rien, supprimez-la.
Comment Silktide teste cela
- Rechercher chaque élément
<label>avec un attributfornon vide sur chaque page. - Chercher un élément n’importe où sur la page dont l’
idcorrespond. - Signaler l’étiquette si aucun élément correspondant n’existe.