ID aria-errormessage manquant
Silktide vérifie chaque attribut aria-errormessage sur vos pages et s’assure que l’ID de l’élément vers lequel il pointe existe bien. Cet attribut relie un champ de formulaire au message qui explique ce qui ne va pas avec la valeur qui y est saisie.
<!-- Problème : aucun élément de la page n’a id="email-error" -->
<input type="email" aria-invalid="true" aria-errormessage="email-error">
Pourquoi c’est important
Lorsqu’un champ de formulaire est marqué comme invalide, l’attribut
aria-errormessage indique à la
où se trouve
l’explication. Si la référence est rompue, un utilisateur de
est informé que sa saisie est
incorrecte sans jamais savoir pourquoi — il doit deviner les formats et les
exigences que les utilisateurs voyants peuvent lire à l’écran, et peut
abandonner le formulaire.
Comment corriger
- Faites en sorte que l’attribut référence l’identifiant (
id) de l’élément qui contient le message d’erreur visible pour le champ. - Associez-le à
aria-invalid="true"sur le champ tant que l’erreur s’applique —aria-errormessagen’est annoncé que pour les champs invalides. - Assurez-vous que l’élément référencé contient un texte lisible chaque fois que l’erreur est affichée, et qu’il est vide ou masqué lorsqu’elle ne l’est pas.
Comment Silktide teste cela
- Trouve chaque élément de la page avec un attribut
aria-errormessage. - Vérifie l’ID référencé par rapport aux identifiants d’éléments présents sur la page.
- Signale chaque référence qui ne correspond à aucun élément.
Dépannage
L’élément d’erreur n’est ajouté qu’en cas d’échec de la validation
Silktide teste la page au chargement. Il est préférable de conserver en permanence le conteneur d’erreur dans la page (vide ou masqué jusqu’à ce qu’il soit nécessaire) afin que la référence soit toujours valide et que l’annonce fonctionne dès l’apparition de l’erreur.
Cette vérification ne signale rien alors que je m’attends à des résultats
Les tests ARIA peuvent être désactivés pour chaque site. Consultez les paramètres avancés du site.