Aller au contenu
A11ySignal
Niveau AWCAG 2.0WCAG 2.1WCAG 2.2EN 301 549 § 9.3.3.1

3.3.1
Identification des erreurs

Quand une saisie est refusée, dites en toutes lettres quel champ et ce qui ne va pas.

Ce que dit la norme

Si une erreur de saisie est détectée automatiquement, l'élément en erreur est identifié et l'erreur est décrite à l'utilisateur sous forme de texte.

Pourquoi c'est important

Une bordure rouge est invisible pour un lecteur d'écran, et pour quiconque ne distingue pas la couleur.

À quoi ressemble un échec

  • échoueUn formulaire qui se contente de colorer le champ fautif en rouge.
  • échoueUne seule bannière « Une erreur est survenue », sans nommer de champ.
  • échoueUn message d'erreur non relié au champ par `aria-describedby`.

Comment corriger

  • à faireNommez le champ et le problème : « Code postal : cinq chiffres, par exemple 75001 ».
  • à faireReliez le message au champ avec `aria-describedby` et mettez `aria-invalid="true"`.
  • à fairePlacez un récapitulatif en haut du formulaire, avec un lien vers chaque champ fautif.

Comment A11ySignal le vérifie

manuel

Aucune règle automatique ne peut juger ce critère, et nous ne prétendrons pas le contraire. Une analyse propre ne veut pas dire que 3.3.1 est respecté — elle veut dire que rien de mesurable n'échoue. Celui-ci demande une personne.

Également sous 3.3 Assistance à la saisie