---
site: https://accessibilite.p11e.dev
url: https://accessibilite.p11e.dev/raweb/glossaire/intitule-visible/index.md
référentiel: RAWeb
title: Intitulé visible - 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 👋"
---

# Intitulé visible

Texte affiché faisant office d’intitulé visible à l’écran au sein d’un bouton ou d’un lien.

Texte affiché faisant office d’[étiquette](#etiquette-de-champ-de-formulaire) pour un champ formulaire.

Ce texte peut être constitué de texte ou d’une image contenant du texte.

## Critères qui lient vers ce terme :

-   [6.1 Chaque lien est-il explicite (hors cas particuliers) ?](https://accessibilite.p11e.dev/raweb/6-liens/6.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)

## Tests qui lient vers ce terme :

-   [6.1.5](https://accessibilite.p11e.dev/raweb/6-liens/6.1/6.1.5/index.md)
-   [7.1.3](https://accessibilite.p11e.dev/raweb/7-scripts/7.1/7.1.3/index.md)
-   [11.2.5](https://accessibilite.p11e.dev/raweb/11-formulaires/11.2/11.2.5/index.md)
-   [11.9.2](https://accessibilite.p11e.dev/raweb/11-formulaires/11.9/11.9.2/index.md)

## Définitions citées

### É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.