Pour chaque page web ayant un titre de page, ce titre est-il pertinent ?
Un utilisateur de lecteur d’écran navigue avec une dizaine d’onglets ouverts. Pour retrouver la page qui l’intéresse, il parcourt les titres un par un. Si chaque onglet affiche « Bienvenue » ou le nom du site, impossible de distinguer les pages. Quinze onglets sans titre pertinent, c’est illisible.
Le critère 8.6 ne demande pas qu’un titre existe — c’est le rôle du critère 8.5. Il demande que ce titre soit utile. Concrètement, un titre pertinent identifie le sujet de la page et permet de la retrouver dans l’historique de navigation ou dans la liste des onglets du navigateur. « Contactez-nous — Mon Site » est pertinent. « Page », « Sans titre » ou le nom du site répété à l’identique sur chaque page : non.
La structure recommandée est « Sujet de la page — Nom du site ». Le sujet d’abord : les lecteurs d’écran lisent le titre dès le chargement, et l’utilisateur veut savoir où il se trouve avant de savoir sur quel site il est. Pour une page de résultats de recherche, incluez le terme cherché. Pour une page de confirmation de commande, précisez l’action réalisée.
Un test pour évaluer la pertinence du titre de page
Pertinence du contenu de l'élément <title>
- Ouvrez le code source de la page et localisez la balise
<title>dans le<head>. - Lisez le contenu de cette balise. Posez-vous la question : si ce titre apparaissait seul dans un historique de navigation ou dans une liste d’onglets, permettrait-il d’identifier sans ambiguïté cette page parmi les autres pages du site ?
- Si oui, le test est validé. Si le titre est générique (nom du site seul, « Page », « Sans titre », chaîne vide), le test échoue.
Exemples
❌ Non conforme : Titre générique répété sur toutes les pages
<head>
<title>Mon Entreprise</title>
</head>Le nom de l’entreprise seul ne distingue pas cette page des autres. Un utilisateur qui a cinq onglets du même site ouverts ne peut pas savoir lequel correspond à la page de contact, à la page tarifaire ou à l’accueil. L’historique de navigation est tout aussi inutilisable.
✅ Conforme : Titre descriptif avec sujet et nom du site
<head>
<title>Tarifs et abonnements — Mon Entreprise</title>
</head>Le sujet de la page apparaît en premier, suivi du nom du site. Dans la liste des onglets ou l’historique du navigateur, l’utilisateur identifie immédiatement le contenu. Le lecteur d’écran annonce « Tarifs et abonnements — Mon Entreprise » dès l’arrivée sur la page.
✅ Conforme : Titre pertinent pour une page de résultats dynamique
<head>
<title>Résultats pour « accessibilité web » — Mon Entreprise</title>
</head>Sur une page de résultats de recherche, le titre inclut le terme saisi. Deux recherches différentes produisent deux titres différents, ce qui permet à l’utilisateur de distinguer les pages dans son historique. Sans ce détail, toutes les recherches paraissent identiques.
Astuces et pièges
⚠️ Le nom du site comme seul titre sur toutes les pages
C’est l’erreur la plus fréquente en audit. Le CMS génère un <title> contenant uniquement le nom du site, identique sur chaque page. Techniquement, un titre existe — critère 8.5 validé — mais il n’est pas pertinent — critère 8.6 échoué. Vérifiez les pages internes, pas uniquement l’accueil.
💡 Sujet d’abord, nom du site ensuite
Structurez les titres comme suit : « Sujet de la page — Nom du site ». Les navigateurs et lecteurs d’écran tronquent les titres longs par la droite. Si le nom du site est en premier et que le titre est tronqué, l’utilisateur ne voit que le nom du site — exactement le problème que l’on cherche à éviter. La technique H25 du W3C confirme cette recommandation.
⚠️ Pages de confirmation et de résultats dynamiques
Une page de confirmation de commande avec <title>Mon Site</title> échoue au critère 8.6. Le titre doit refléter l’état : « Commande confirmée — Mon Site ». Pour les résultats de recherche, incluez le terme cherché et, si la pagination est présente, le numéro de page.
⚠️ Titre vague sur les pages d’erreur
Les pages d’erreur (404, 500) reçoivent souvent un titre comme « Erreur » ou héritent du titre par défaut du gabarit. Un titre comme « Page non trouvée (404) — Mon Site » est à la fois pertinent et informatif pour l’utilisateur qui arrive via un lien cassé.
⚠️ Le critère ne s’applique qu’aux pages ayant déjà un titre
Le libellé du critère est précis : « pour chaque page web ayant un titre de page ». Si la balise <title> est absente ou vide, c’est le critère 8.5 qui est en cause, pas le 8.6. Les deux critères sont distincts et peuvent échouer indépendamment l’un de l’autre.
Questions fréquentes
Pourquoi le nom du site seul est-il insuffisant comme titre de page RGAA ?
Non. Un titre qui n’identifie pas le sujet de la page n’est pas pertinent au sens du critère 8.6. « Mon Entreprise » sur chaque page ne permet pas de distinguer la page d’accueil de la page de contact. Le test est simple : ce titre peut-il être retrouvé dans un historique de navigation ? Si toutes les pages ont le même titre, la réponse est non.
Comment structurer le <title> RGAA entre nom de page et nom de site ?
Le sujet de la page en premier, le nom du site en second. Cette convention est recommandée par la technique G88 du W3C. Raison pratique : les navigateurs tronquent les titres longs par la droite dans les onglets et l’historique. Si le nom du site passe en premier et que le titre est coupé, l’utilisateur ne voit jamais la partie utile.
Comment auditer le critère RGAA 8.6 rapidement sur l'ensemble d'un site ?
Ouvrez plusieurs pages du site dans des onglets différents et regardez les onglets : si vous identifiez chaque page uniquement d’après son titre, le critère est probablement validé. Pour un audit systématique, un crawler comme Screaming Frog extrait tous les <title> du site en une passe ; les doublons et les titres génériques ressortent immédiatement dans un export CSV.
Quel critère RGAA s'applique au <title> non mis à jour en navigation SPA ?
Les deux : le critère 8.5 (titre présent) si le <title> reste vide ou absent côté client, et le critère 8.6 (titre pertinent) si le titre reste bloqué sur celui de la page d’accueil lors des navigations internes. La correction passe par la mise à jour dynamique de document.title à chaque changement de route, ou par l’utilisation d’un composant dédié comme <Head> dans Next.js.