# Chaque élément de formulaire doit avoir une étiquette

<https://www.fixreports.com/fr/issues/label>

WCAG 4.1.2 Nom, rôle et valeur · Niveau A

Certains champs de formulaire n’ont pas d’étiquette : les utilisateurs de lecteurs d’écran ne savent donc pas quoi saisir.

## Ce que vérifie cette règle
Vérifier que chaque élément de formulaire a une étiquette.

## Pourquoi c’est important
Les critères WCAG 1.3.1, 3.3.2 et 4.1.2 exigent que les champs de formulaire aient une étiquette. Les champs d’inscription à la newsletter et de recherche sont souvent en cause.

## Comment corriger
### Sur n’importe quel site web
1. Donnez à chaque champ un élément <label for="field-id">, ou au minimum un aria-label.
2. Un texte indicatif (placeholder) seul ne compte pas comme une étiquette.

### Sur Shopify
1. Donnez à chaque champ un élément <label for="field-id">, ou au minimum un aria-label.
2. Un texte indicatif (placeholder) seul ne compte pas comme une étiquette.

### Sur WooCommerce et WordPress
1. Donnez à chaque champ un élément <label for="field-id">, ou au minimum un aria-label.
2. Un texte indicatif (placeholder) seul ne compte pas comme une étiquette.

## Comment vérifier la correction
- Analysez à nouveau et vérifiez que la règle label n’échoue plus.
- Cliquez sur chaque étiquette et vérifiez qu’elle donne le focus à son champ.

## Sources
- Documentation de la règle axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/label
- Comprendre le critère WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value