title

Description

L’attribut title associe un texte descriptif à un élément, affiché sous forme d’infobulle native du navigateur lors du survol. Bien que présent sur tous les éléments HTML, son usage est souvent inadapté : les mobiles tactiles n’ont pas de survol, et beaucoup de lecteurs d’écran ne l’annoncent pas par défaut.

Syntaxe

<abbr title="Cascading Style Sheets">CSS</abbr>
<button title="Envoyer le formulaire">→</button>

Exemples

Abréviation avec expansion :

<p>Le <abbr title="World Wide Web Consortium">W3C</abbr> définit les standards du web.</p>

Lien avec information supplémentaire :

<a href="/rapport.pdf" title="Rapport annuel 2023 — PDF, 2,4 Mo">
  Télécharger le rapport
</a>

Notes

Inaccessible sur mobile : les appareils tactiles n’ont pas de mécanisme de survol. Le contenu d’un title est donc invisible pour les utilisateurs mobiles — ne jamais l’utiliser comme seule source d’information.

<abbr title> — cas légitime : sur l’élément <abbr>, title est le mécanisme standard pour fournir l’expansion de l’abréviation. C’est son usage le plus justifié.

Alternatives accessibles : pour les infobulles accessibles, utiliser aria-describedby pointant vers un élément visible, ou une implémentation JavaScript d’infobulle respectant les critères WCAG (rôle tooltip, accessible au clavier et au focus).

Ne pas dupliquer le contenu visible : title ne doit pas répéter le texte déjà visible dans l’élément — cela crée une redondance inutile pour les lecteurs d’écran.