On parle souvent des titres et des liens comme d’éléments presque évidents. Les titres structurent le contenu. Les liens permettent d’aller ailleurs. Dit comme ça, le sujet paraît simple.
Et pourtant, c’est précisément un des points les plus mal compris quand on parle d’accessibilité web.
Parce que les titres et les liens ne servent pas seulement à “faire propre”, à mieux rédiger ou à améliorer la lisibilité visuelle d’une page. Avec un lecteur d’écran, ils deviennent de vrais outils de navigation. Ils permettent de se repérer, de choisir où aller, de comprendre la structure d’un contenu et d’accéder plus vite à ce qui compte.
Autrement dit, un titre n’est pas seulement une ligne plus grande dans une page. Et un lien n’est pas seulement un mot cliquable dans un paragraphe. Dans certains usages, ces deux éléments deviennent une carte de navigation.
C’est aussi pour cela qu’ils méritent d’être expliqués clairement. Parce que quand les titres sont flous, mal hiérarchisés ou détournés pour leur apparence, et quand les liens restent vagues, une partie importante de la navigation devient plus confuse qu’elle ne devrait l’être.
1. Un lecteur d’écran peut lister les titres et les liens
Quand on n’utilise pas de lecteur d’écran, on lit souvent une page de manière assez visuelle et continue. On repère les gros titres, les blocs, les menus, les boutons, et on reconstitue mentalement l’ensemble en regardant la mise en page.
Avec un lecteur d’écran, la logique peut être différente.
Certains outils permettent de :
- lister les titres de la page ;
- lister les liens ;
- naviguer de titre en titre ;
- ou sauter directement vers certaines zones utiles.
Cela change complètement la fonction des titres et des liens.
Un titre bien formulé ne sert plus seulement à “annoncer une partie”. Il devient un point d’entrée. Il aide à comprendre de quoi parle la section avant même de la lire en entier. Même chose pour les liens : s’ils sont explicites, ils peuvent être parcourus rapidement sans avoir besoin de lire tout le texte autour.
C’est une différence importante, parce qu’elle montre que la structure d’une page n’est pas seulement une affaire de présentation. Elle sert aussi à la navigation.
2. Pourquoi les titres Hn servent de repères de navigation
On résume souvent les titres Hn à une règle de structure : un H1, puis des H2, puis des H3 si nécessaire. C’est vrai, mais cette explication reste incomplète si on ne dit pas à quoi cette hiérarchie sert dans l’usage.
En pratique, les titres servent aussi de repères pour comprendre rapidement le contenu d’une page.
Si un utilisateur peut parcourir la liste des titres, il peut se faire une idée générale du contenu sans tout écouter ou tout lire. Il peut aussi choisir la partie qui l’intéresse le plus et y aller directement. Cela suppose évidemment que les titres soient réellement informatifs.
Un intitulé comme :
Partie 1;Partie 2;Détails;Informations;
apporte très peu de repères si on le lit seul.
À l’inverse, un titre qui dit clairement ce qu’il contient devient beaucoup plus utile. Il permet de comprendre le sujet traité avant même d’entrer dans le détail de la section.
Ce n’est donc pas seulement un sujet de clarté rédactionnelle. C’est aussi un sujet de navigation accélérée.
3. Pourquoi la hiérarchie des titres compte autant
Le contenu d’une page ne se résume pas à une suite de blocs indépendants. Il suit une logique. Certaines parties introduisent un sujet principal. D’autres développent des sous-parties. D’autres encore détaillent un point plus précis.
La hiérarchie des titres sert justement à rendre cette logique explicite.
Un H3 placé sous un H2 indique normalement qu’il développe une idée contenue dans la section supérieure. Un H4 placé sous ce H3 approfondit encore le point précédent. Cette logique est utile pour tout le monde, mais elle devient particulièrement importante dès qu’on navigue avec des outils d’assistance.
Quand la hiérarchie est mal utilisée :
- plusieurs H1 se succèdent sans logique ;
- un H4 apparaît avant un H2 ;
- un titre sert juste à obtenir une taille visuelle ;
- ou les niveaux changent sans rapport avec le contenu,
la structure de navigation perd sa cohérence.
Titres, liens et lecteur d’écran
Retrouvez cette vidéo « Titres, liens et lecteur d’écran » en pleine page, avec transcription
Cette démonstration aide bien à comprendre ce point. Elle montre que les titres ne sont pas seulement lus les uns après les autres dans le corps de la page. Ils peuvent aussi être consultés comme une liste structurée. Et si cette structure est confuse, l’utilisateur perd une partie de sa carte de navigation.
On comprend alors beaucoup mieux pourquoi utiliser les Hn pour leur apparence visuelle, au lieu de leur signification, casse l’accessibilité.
4. Pourquoi un lien doit rester compréhensible hors contexte
Le problème des liens vagues est souvent sous-estimé parce qu’ils paraissent acceptables dans une lecture visuelle classique.
Quand on voit une carte d’actualité avec un titre, une image, un résumé et un lien En savoir plus, on comprend généralement ce que ce lien veut dire. Le contexte est visible. On relie naturellement le lien à ce qui l’entoure.
Mais cette logique ne fonctionne plus aussi bien quand les liens sont lus seuls dans une liste.
Dans ce cas, des formulations comme :
En savoir plus;Cliquez ici;Voir;Lire la suite;
deviennent trop floues.
Le problème n’est donc pas seulement rédactionnel. Il tient au fait qu’un lien peut être consulté comme un élément autonome. S’il ne dit pas clairement où il mène, il perd une grande partie de son utilité.
Ce point ne concerne d’ailleurs pas uniquement les listes de liens proposées par certains lecteurs d’écran. Il concerne aussi la navigation au clavier. Quand un utilisateur avance avec la touche Tab, il passe d’un élément interactif à l’autre. Au moment où le lien reçoit le focus, ce qui compte d’abord, c’est son intitulé. Si ce lien reste vague, le contexte visuel autour ne suffit pas toujours à comprendre clairement sa destination.
Liens hors contexte
Retrouvez cette vidéo « liens compréhensibles hors contexte » en pleine page, avec transcription
Cette démonstration rend le sujet très concret. Visuellement, des liens vagues peuvent sembler “tenir” grâce au texte autour. Mais dès qu’on les isole, ils deviennent ambigus. À l’inverse, un lien explicite garde sa valeur même lorsqu’il est lu seul.
5. Ce que montrent les démonstrations sur les titres et les liens
Les démonstrations ne montrent pas seulement des problèmes de conformité. Elles montrent surtout une différence de confort, de compréhension et de rapidité d’accès à l’information.
Avec des titres bien structurés :
- l’utilisateur comprend plus vite la page ;
- il peut cibler la bonne section ;
- il peut relancer la lecture à l’endroit utile ;
- il garde plus facilement un repère mental.
Avec des liens explicites :
- il sait où il va ;
- il choisit plus vite ;
- il évite les hésitations inutiles ;
- et il perd moins de temps dans la navigation.
Autrement dit, de bons titres et de bons liens ne rendent pas seulement la page “plus propre”. Ils rendent la navigation plus directe, plus fiable et plus intelligible.
6. Ce qu’un site WordPress doit vérifier en priorité
Sur un site WordPress, ces problèmes apparaissent souvent de manière assez classique.
On retrouve par exemple :
- des titres utilisés pour leur taille dans le design ;
- des blocs qui insèrent des niveaux incohérents ;
- des cartes ou listes d’articles avec des liens trop vagues ;
- des boutons visuellement clairs mais textuellement pauvres ;
- des composants où le contexte visuel compense artificiellement un lien mal formulé.
Avant même de parler de reprise complète, il y a donc déjà plusieurs vérifications utiles à faire :
- relire les H1, H2, H3 comme une vraie structure ;
- vérifier qu’un titre décrit bien son contenu ;
- éviter les intitulés génériques ;
- relire les liens comme s’ils étaient affichés seuls ;
- et corriger ce qui dépend trop du contexte visuel.
Ce travail peut sembler simple, mais il change réellement la qualité de navigation.
Et c’est précisément ce que cet angle permet de faire comprendre : l’accessibilité des titres et des liens n’est pas un raffinement théorique. C’est une manière très concrète de rendre un contenu plus facile à parcourir, à comprendre et à utiliser.
Approfondir l’accessibilité web à partir de cas concrets
Ces démonstrations montrent comment des défauts d’accessibilité se traduisent dans l’usage réel : lecture, clavier, structure, repères et compréhension.
