Titre de page absent ou non pertinent
Le problème
Un titre de page absent ou non pertinent signifie que l'élément `<title>` du document HTML est soit manquant, soit vide, soit générique (« Page sans titre », « Accueil », « Document »), soit identique sur toutes les pages du site. Le critère RGAA 8.6 (correspondant au WCAG 2.4.2, niveau A) exige que chaque page web possède un titre de page pertinent qui décrit son sujet ou sa finalité.
Le titre de page est le premier élément annoncé par les lecteurs d'écran lorsqu'une page se charge. C'est aussi ce qui apparaît dans les onglets du navigateur, dans l'historique de navigation, dans les résultats de recherche et dans les favoris. Un titre inadéquat rend toutes ces fonctionnalités inutiles.
Ce problème est particulièrement fréquent sur les Single Page Applications (SPA) développées avec React, Vue ou Angular, où la navigation ne recharge pas réellement la page et le titre n'est pas mis à jour lors des changements de vue. On le trouve aussi sur les sites où un template unique définit un titre par défaut qui n'est jamais personnalisé par page.
Impact sur les utilisateurs
Pour les utilisateurs de lecteurs d'écran, le titre de page est le premier repère pour comprendre où ils se trouvent. Si toutes les pages s'appellent « Mon site », l'utilisateur ne peut pas distinguer ses onglets ouverts ni retrouver une page dans son historique. Naviguer entre plusieurs onglets du même site devient un exercice de mémoire.
Pour les utilisateurs de commande vocale et de navigation par onglets, le titre de page est le moyen principal d'identifier les onglets. Un titre générique les oblige à visiter chaque onglet pour trouver celui qu'ils cherchent.
Le titre de page est aussi un facteur SEO majeur : c'est le lien cliquable qui apparaît dans les résultats Google. Un titre vague ou dupliqué réduit le taux de clic (CTR) et signale aux moteurs de recherche un contenu de faible qualité.
Votre site a-t-il ce problème ?
106 critères RGAA analysés en 5 minutes par notre IA.
Exemple de code
<!-- Titre absent -->
<head>
<meta charset="UTF-8">
<!-- Pas de <title> -->
</head>
<!-- Titre générique identique sur toutes les pages -->
<head>
<title>Mon Site</title>
</head>
<!-- SPA qui ne met pas à jour le titre -->
<head>
<title>App</title>
</head><!-- Titre pertinent et descriptif -->
<head>
<title>Tarifs et abonnements - Scrutia</title>
</head>
<!-- Titre avec contexte pour les résultats de recherche -->
<head>
<title>Audit d'accessibilité RGAA gratuit - Scrutia</title>
</head>
<!-- SPA : mise à jour dynamique du titre -->
<script>
// React : utiliser useEffect ou react-helmet
document.title = `${pageTitle} - Scrutia`;
</script>Comment Scrutia détecte ce problème
Scrutia vérifie le titre de chaque page auditée : présence de l'élément <title>, contenu non vide, pertinence par rapport au contenu de la page, et unicité entre les pages du site. Il signale les titres manquants, vides, génériques (« Accueil », « Page ») et les titres dupliqués entre différentes pages. Le rapport identifie les pages concernées et propose un titre adapté au contenu.
Questions fréquentes
Quel est le format idéal d'un titre de page ?
Comment mettre à jour le titre dans une SPA ?
Le titre et le h1 doivent-ils être identiques ?
Quelle est la longueur optimale d'un titre de page ?
Votre site a-t-il ce problème ?
Scrutia audite votre site sur 106 critères RGAA en 5 minutes. Navigation clavier, composants ARIA, focus visible, contrastes, et bien plus.
Lancer un audit gratuit