ID de description ARIA manquants
Silktide vérifie les éléments qui associent un texte descriptif supplémentaire à eux-mêmes en se référant à d’autres éléments par leur ID, et signale les références à des ID qui n’existent pas sur la page. Une référence brisée supprime silencieusement la description.
L’attribut aria-describedby relie un élément à un texte complémentaire ailleurs sur la page — un texte d’aide sous un champ de formulaire, ou une explication d’un contrôle:
<!-- Problème : la référence indique "email-help" mais l'id du paragraphe est "email-helpp" -->
<input type="email" aria-describedby="email-help">
<p id="email-helpp">Saisissez votre adresse courriel professionnelle</p>
Pourquoi c’est important
Les descriptions apportent les indications qui évitent les erreurs — exigences de format, avertissements, explications des conséquences. Un lit la description après le nom de l’élément, mais seulement si la référence est valide. Quand elle ne pointe vers rien, la personne obtient le champ sans ses indications et n’a aucun moyen de savoir qu’il manque quelque chose. Les personnes voyantes voient quand même le texte d’aide à côté du champ, donc la rupture passe toutes les vérifications visuelles — ce qui explique précisément pourquoi les vérifications automatisées sont importantes ici.
Comment corriger
- Trouvez l’élément qui contient le texte descriptif et faites correspondre exactement la valeur de
aria-describedbyà sonid(les ID sont sensibles à la casse):
<!-- Corrigé : la référence correspond à l'id du paragraphe -->
<input type="email" aria-describedby="email-help">
<p id="email-help">Saisissez votre adresse courriel professionnelle</p>
- Si l’élément descriptif a été supprimé, restaurez-le ou retirez l’attribut
aria-describedbydésuet. - Lorsqu’un élément est décrit par plusieurs autres, énumérez tous les ID séparés par des espaces et vérifiez chacun d’eux.
Comment Silktide teste cela
- Repérer chaque élément comportant un attribut
aria-describedbysur chaque page. - Diviser la valeur de l’attribut en ID individuels.
- Signaler chaque ID référencé qui n’existe nulle part sur la page.