Aller au contenu
A11ySignal
modéréWCAG 3.3.2 · A

Le champ de formulaire ne devrait pas comporter plusieurs éléments d’étiquettes

form-field-multiple-labels

Vérifier que le champ de formulaire n’a pas plusieurs éléments d’étiquettes

Le critère derrière

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.

Niveau A · EN 301 549 § 9.3.3.2

Pourquoi cette vérification existe

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.

Ce qui la déclenche habituellement

  • é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 c'est signalé

A11ySignal le signale avec un impact modéré. Chaque élément en échec arrive avec son sélecteur CSS et le balisage fautif, pour aller droit à la ligne plutôt que de la chercher. Deque publie le détail au niveau du moteur :

https://dequeuniversity.com/rules/axe/4.13/form-field-multiple-labels

Vérification implémentée par axe-core 4.13.0, © Deque Systems, MPL-2.0.