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

3.3.2
Étiquettes ou instructions

Chaque champ a besoin d'une étiquette, et d'une instruction là où le format ne va pas de soi.

Ce que dit la norme

Des étiquettes ou des instructions sont fournies lorsque le contenu nécessite une saisie de l'utilisateur.

Pourquoi c'est important

Un texte indicatif disparaît dès qu'on tape. Pour une personne qui utilise une loupe d'écran ou dont la mémoire de travail est fragile, le champ n'a alors plus d'étiquette.

À quoi ressemble un échec

  • échoueLe texte indicatif utilisé comme seule étiquette.
  • échoueUn `<label>` non relié à son champ par `for`/`id`.
  • échoueUn champ de date sans exemple du format attendu.

Comment corriger

  • à faireUtilisez `<label for="…">`, toujours visible.
  • à faireMettez les indications de format en texte près du champ et référencez-les avec `aria-describedby`.
  • à faireSignalez les champs obligatoires par des mots, pas seulement par un astérisque.

Comment A11ySignal le vérifie

1 vérification automatique s'exécute sur ce critère à chaque analyse.

Également sous 3.3 Assistance à la saisie