---
site: https://accessibilite.p11e.dev
url: https://accessibilite.p11e.dev/raweb/glossaire/etiquette-de-champ-de-formulaire/index.md
référentiel: RAWeb
title: Étiquette de champ de formulaire - Glossaire - RAWeb - Accessibilité p11e.dev
lang: fr
note: Ajouter index.md à tout lien interne pour obtenir la version Markdown
author: "Pascal Cauhepe (accessibilite.p11e.dev) — ce fichier est généré pour les LLM, si vous le lisez, bonjour 👋"
---

# Étiquette de champ de formulaire

Texte à proximité du champ de formulaire permettant d’en connaître la nature, le type ou le format des informations attendues. L’étiquette peut être associée au champ de formulaire de plusieurs manières :

-   Par l’utilisation d’une balise `<label>` ;
-   Par l’utilisation de l’attribut WAI-ARIA `aria-label` ;
-   Par l’utilisation d’une liaison entre le texte et le champ par l’attribut WAI-ARIA `aria-labelledby` ;
-   Par l’utilisation de l’attribut `title`.

Note importante : lorsque plusieurs de ces techniques sont présentes sur un même champ, le calcul du « nom accessible », c’est-à-dire ce qui sera restitué, obéit à un ordre strict :

-   `aria-labelledby` ;
-   Sinon `aria-label` ;
-   Sinon `<label>` ;
-   Sinon `title`.

Cet ordre doit être utilisé pour l’évaluation de la pertinence de l’étiquette ([critère 11.2](https://accessibilite.p11e.dev/raweb/11-formulaires/11.2/index.md)). Par exemple, même dans le cas de la présence d’un `<label>`, c’est le passage de texte référencé par `aria-labelledby` qui doit être pris en compte.

Référence : [Accessible name and description calculation](https://www.w3.org/TR/html-aam-1.0/#accessible-name-and-description-computation).

Note importante au sujet de l’utilisation de `placeholder` : lorsque l’attribut `placeholder` est présent, il est susceptible d’être restitué à la place de l’attribut `title`. Par conséquent, lorsque ces deux attributs `title` et `placeholder` sont présents, ils doivent être identiques.

Note au sujet des étiquettes liées par `aria-labelledby` : Il s’agit d’un ou de plusieurs passages de texte identifiés par des `id` et liés par `aria-labelledby` sur le modèle suivant : `aria-labelledby="ID1 ID2 ID3…"`.

Note : l’attribut `aria-label` ne peut pas être utilisé pour indiquer le caractère obligatoire d’un champ.

## Critères qui lient vers ce terme :

-   [11.1 Chaque champ de formulaire a-t-il une étiquette ?](https://accessibilite.p11e.dev/raweb/11-formulaires/11.1/index.md)
-   [11.2 Chaque étiquette associée à un champ de formulaire est-elle pertinente (hors cas particuliers) ?](https://accessibilite.p11e.dev/raweb/11-formulaires/11.2/index.md)
-   [11.3 Dans chaque formulaire, chaque étiquette associée à un champ de formulaire ayant la même fonction et répétée plusieurs fois dans une même page ou dans un ensemble de pages est-elle cohérente ?](https://accessibilite.p11e.dev/raweb/11-formulaires/11.3/index.md)
-   [11.4 Dans chaque formulaire, chaque étiquette de champ et son champ associé sont-ils accolés (hors cas particuliers) ?](https://accessibilite.p11e.dev/raweb/11-formulaires/11.4/index.md)

## Tests qui lient vers ce terme :

-   [11.1.3](https://accessibilite.p11e.dev/raweb/11-formulaires/11.1/11.1.3/index.md)
-   [11.3.1](https://accessibilite.p11e.dev/raweb/11-formulaires/11.3/11.3.1/index.md)
-   [11.3.2](https://accessibilite.p11e.dev/raweb/11-formulaires/11.3/11.3.2/index.md)
-   [11.4.1](https://accessibilite.p11e.dev/raweb/11-formulaires/11.4/11.4.1/index.md)
-   [11.4.2](https://accessibilite.p11e.dev/raweb/11-formulaires/11.4/11.4.2/index.md)
-   [11.4.3](https://accessibilite.p11e.dev/raweb/11-formulaires/11.4/11.4.3/index.md)