Alternatives textuelles

Chaque page a besoin d’un titre

Règle: document-title
Gravité: Sérieux
Niveau WCAG A

Pourquoi c’est important

Le titre est la première chose qu’annonce un lecteur d’écran, et l’intitulé de chaque onglet, favori et résultat de recherche. Sans lui, une page est identifiée par son URL.

Comment corriger

Donnez à chaque page un <title> unique nommant d’abord la page, ensuite le site.
Dans une application monopage, mettez le titre à jour à chaque changement de route.
Placez l’information utile dans les premiers mots : c’est tout ce qu’un onglet affiche.

Dans le balisage

Échoue

<head>
  <title></title>
</head>

Réussit

<head>
  <title>Checkout — Nordwind Shop</title>
</head>

L’exigence sous-jacente

Cette règle est une manière d’échouer aux critères de succès WCAG 2.2 suivants. Le W3C, qui rédige la norme, explique chacun d’eux :

2.4.2 Titre de page (s’ouvre dans un nouvel onglet) — Niveau WCAG A

Pour aller plus loin

Deque University sur document-title (s’ouvre dans un nouvel onglet)

Deque développe axe-core, le moteur open source utilisé par notre scanner. Sa page documente la règle telle que le moteur l’implémente.

Les contrôles automatiques trouvent les défaillances qu’un navigateur peut prouver. Ils ne peuvent pas juger si un sous-titrage est fidèle, si une alternative textuelle est utile, ni si une page s’utilise de bout en bout au clavier : cela demande une personne.