7.2. Utiliser title pour étiqueter les champs sans intitulé visible

Pour étiqueter les champs sans intitulé visible :

  1. Intégrer un attribut title dans le champ.
  2. Renseigner cet attribut en précisant la fonction du champ.
<input type="search" title="Votre recherche" name="recherche" />
<input type="submit" value="Rechercher" />

<select title="Trier les actualités" name="filtre">
   <option>Par date de publication</option>
   <option>Par thématique</option>
   […]
</select>

Attention

L’attribut placeholder ne peut pas faire office d’intitulé, notamment car il disparaît lors de la saisie.

Il peut être utilisé pour des aides à la saisie secondaires, non nécessaires à la compréhension du champ. De plus, il doit reprendre le contenu de l’attribut title lorsque celui-ci est présent.

2 commentaires

  • Par Nelly, le 29 juin 2023 à 17h51.

    Bonjour,

    Est-il recommandé de mettre un attribut title dans les balises option en plus de select ou est-ce que ce serait trop ?

    Merci,

    Répondre

    • Par Jimmy Burbure, le 3 juillet 2023 à 16h35.

      Bonjour Nelly,

      Merci pour votre commentaire.
      Il n’est pas nécessaire d’ajouter un attribut title sur les balises option car celle-ci vont être naturellement restitué par les lecteurs d’écrans. L’ajout d’un attribut title sur la balise select (ou input par exemple) n’est utile uniquement si aucun intitulé n’est visible.

      Bonne journée à vous.

      Répondre

Ajouter un commentaire

Tous les champs sont obligatoires.

Mises à jour

10/12/2021
Dans l’encart dédié aux placeholders, reformulation du texte pour plus de clarté et suppression de l’exemple de code.

Haut de page