Structure des titres : ce que lisent les lecteurs d'écran et les moteurs
La hiérarchie des titres est le plan du document. Pour une personne au lecteur d'écran, c'est le principal moyen de se repérer : elle parcourt la page de titre en titre avant de décider où lire. Pour un moteur, c'est la structure qui dit quelle information dépend de quelle autre. Les deux usages exigent la même chose.
Les trois règles
- Un titre est un titre parce qu'il structure, pas parce qu'il est gros. Le niveau se choisit en fonction de la place dans le plan, jamais de la taille souhaitée.
- Aucun saut de niveau. Après un niveau 2 vient un niveau 3, pas un niveau 4. Le saut crée un trou dans le plan.
- Un titre décrit ce qui suit, de façon compréhensible hors contexte. « Et ensuite » n'informe personne dans une liste de titres.
Combien de titres de niveau 1
Un seul. Les spécifications techniques autorisent plusieurs titres de niveau 1 lorsqu'ils ouvrent des sections distinctes, mais la prise en charge par les technologies d'assistance reste inégale, et l'usage unique ne présente aucun inconvénient.
Un titre de niveau 1 par page, qui correspond au sujet de la page : c'est la règle la plus sûre.
Le faux titre, défaut le plus fréquent
Un paragraphe en gras, agrandi, coloré : il ressemble à un titre et n'en est pas un. Pour une personne au lecteur d'écran, il n'existe pas dans la navigation par titres — la section qu'il introduit devient introuvable.
C'est un défaut éditorial, produit par l'éditeur de contenu, et il se corrige par la formation plus que par le code. Voir le cas des constructeurs de pages.
Le test en dix secondes
Afficher le plan des titres de la page, via une extension ou la liste d'éléments d'un lecteur d'écran, et se poser une seule question : cette liste, lue seule, donne-t-elle une idée juste du contenu ?
Si la réponse est non, ce n'est pas un problème technique : c'est que le plan du document ne correspond pas à son contenu. Voir les extensions de navigateur.
Titres et régions
Les titres structurent le contenu ; les régions structurent la page — en-tête, navigation, contenu principal, pied de page. Les deux sont complémentaires, et les deux servent à la navigation rapide.
| Mécanisme | Permet de |
|---|---|
| Régions | Sauter directement au contenu principal ou à la navigation |
| Titres | Parcourir le plan du contenu et atteindre une section |
| Lien d'évitement | Passer le menu dès la première tabulation |
Le recoupement avec le référencement
C'est l'un des points où accessibilité et visibilité se rejoignent exactement. Une hiérarchie propre permet au lecteur d'écran de construire un plan, et au moteur de comprendre la structure de l'information — y compris aux moteurs de réponse, qui doivent extraire des unités de sens autonomes.
Voir accessibilité et SEO.
Poursuivre
Pour la technologie qui complète la sémantique native, voyez ARIA : quand l'utiliser, quand s'en passer.