Identifiants de description ARIA manquants
Silktide vérifie les éléments qui ajoutent un texte descriptif supplémentaire en se référant à d'autres éléments par leur identifiant (ID), et signale les références à des ID qui n'existent pas sur la page. Une référence rompue fait disparaître la description sans avertissement.
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 e-mail professionnelle</p>
Pourquoi c'est important
Les descriptions fournissent 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. Lorsqu'elle ne pointe vers rien, le visiteur obtient le champ sans ses indications et n'a aucun moyen de savoir que quelque chose manque. Les visiteurs voyants voient toujours le texte d'aide à côté du champ, si bien que la rupture passe toutes les revues visuelles — c'est précisément pourquoi une vérification automatisée est importante ici.
Comment le 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'identifiant du paragraphe -->
<input type="email" aria-describedby="email-help">
<p id="email-help">Saisissez votre adresse e-mail professionnelle</p>
- Si l'élément descriptif a été supprimé, rétablissez-le ou supprimez l'attribut
aria-describedbyobsolète. - Lorsqu'un élément est décrit par plusieurs autres, répertoriez chaque ID séparé par des espaces et vérifiez-les tous.
Comment Silktide teste cela
- Recherchez chaque élément possédant un attribut
aria-describedbysur chaque page. - Scindez la valeur de l'attribut en identifiants individuels.
- Signalez chaque ID référencé qui n'existe nulle part sur la page.