Analyseur de structure des titres
Visualisez la hiérarchie H1–H6, détectez les niveaux sautés, signalez les H1 manquants et évaluez la structure de votre document.
- 1Choisissez votre méthode de saisie, Sélectionnez « Scanner l'URL » pour récupérer une page en direct (saisissez l'URL complète avec https://), ou « Coller du HTML » pour analyser un extrait directement.
- 2Lancez le scan, Cliquez sur « Analyser ». L'outil récupère la page via un proxy et extrait toutes les balises de titre (H1–H6).
- 3Lisez l'arborescence, La hiérarchie indentée montre la structure de vos titres. Les signalements rouges indiquent des problèmes: H1 manquant, niveaux sautés (ex. H2 → H4) ou titres vides.
- 4Corrigez les problèmes, Chaque titre signalé montre le problème spécifique. Assurez-vous d'avoir exactement un H1 par page et que les niveaux augmentent d'un cran à la fois sans sauter.
Besoin d'une analyse par lots?
Pro: scannez jusqu'à 50 URL simultanément et exportez un rapport d'audit CSV complet.
Voir la version Pro par lots: analysez jusqu'à 50 URL avec export CSV →Pourquoi la structure des titres est une exigence légale
SC 1.3.1, Informations et relations
Niveau A, exigence la plus fondamentale
Ce que cela nécessite
La hiérarchie visuelle des titres doit être transmise de manière programmatique, c'est-à-dire qu'elle doit exister dans le HTML, et pas seulement ressembler à un titre grâce au CSS.
Il s'agit d'un critère de niveau A, le niveau minimal de conformité WCAG. Il est requis par toutes les lois sur l'accessibilité au monde, notamment la EAA, l'ADA et la Section 508. « Véhiculé par programmation » signifie utiliser de vrais éléments <h1>–<h6>, pas des <div> ou <span> stylisés pour ressembler à des titres. Un lecteur d'écran ne peut pas détecter le style visuel, il lit la structure HTML. Si votre hiérarchie de titres n'existe que visuellement, elle est invisible pour les technologies d'assistance.
Impact dans le monde réel
Une équipe marketing pourrait styliser un <div> avec une grande police en gras pour qu'il ressemble à un titre. Les utilisateurs voyants voient un titre. Les utilisateurs de lecteur d'écran entendent un paragraphe. Ils ne peuvent pas y accéder à l'aide des touches de navigation des titres et ne savent pas qu'une nouvelle section a commencé. C'est l'une des défaillances d'accessibilité les plus courantes détectées dans les audits EAA et WCAG.
SC 2.4.6, Titres et libellés
Niveau AA, requis par l'EAA, l'ADA, la Section 508
Ce que cela nécessite
Les titres doivent décrire le sujet ou l'objectif du contenu qui les suit, ils ne peuvent pas être vagues, vides ou trompeurs.
SC 2.4.6 va au-delà du simple fait d'avoir des titres dans les bons éléments HTML, il exige qu'ils soient significatifs. Un titre qui dit « Section 1 » ou qui ne contient que de la ponctuation échoue ce critère même si l'élément est techniquement un <h2>. Le titre doit dire à un utilisateur naviguant par les titres ce qu'il trouvera s'il continue la lecture. C'est le critère qui détecte les titres vides, les titres contenant uniquement des symboles et les titres qui ne décrivent pas leur section.
Impact dans le monde réel
Un utilisateur de lecteur d'écran naviguant par les titres construit une carte mentale de la page, comme en parcourant une table des matières. Si chaque titre dit « Lire la suite » ou « Section », la carte est inutile. Il doit lire le contenu complet de chaque section séquentiellement, ce qui est exactement la barrière que la navigation par titres est conçue pour éliminer. Les auditeurs EAA citeront SC 2.4.6 quand les titres sont présents mais non descriptifs.
SC 2.4.10, Titres de section
Niveau AAA, bonne pratique, non requis par la plupart des lois
Ce que cela nécessite
Les titres de section doivent être utilisés pour organiser le contenu, les pages riches en contenu doivent utiliser des titres pour découper et étiqueter les sections.
Ce critère AAA n'est pas requis par la EAA ou l'ADA, mais il représente l'idéal. Cela signifie que même si les titres sont techniquement corrects, une page qui présente un bloc de texte sans aucune structure de titres est plus difficile à naviguer. La meilleure pratique pour toute page avec beaucoup de contenu est d'utiliser des titres pour diviser le contenu en sections étiquetées, afin que les utilisateurs puissent s'orienter et accéder à ce dont ils ont besoin.
Impact dans le monde réel
Une page de conditions juridiques avec 5 000 mots et sans sous-titres est techniquement conforme au niveau AA, mais extrêmement difficile à naviguer pour les utilisateurs de lecteur d'écran et les utilisateurs en situation de handicap cognitif. L'ajout de titres H2 et H3 pour organiser les sections (Livraison, Retours, Confidentialité) permet aux utilisateurs de sauter directement à la section pertinente plutôt que de tout lire.
Avertissement juridique important
Cet outil est uniquement une aide à l'auto-évaluation et ne constitue pas un conseil juridique ni une évaluation de conformité officiellement certifiée. Les sorties, y compris rapports, scores, listes de contrôle et déclarations d'accessibilité, sont à usage interne et doivent être examinées par un représentant juridique qualifié ou un auditeur d'accessibilité indépendant avant d'être utilisées à des fins réglementaires, d'achat ou de divulgation publique. Tout le risque de l'évaluation incombe à l'évaluateur interne. accessibilityref, ses développeurs et son personnel n'acceptent aucune responsabilité pour les pertes résultant de l'utilisation ou de la confiance accordée à ces sorties. Vérifiez toujours auprès des sources officielles: la Recommandation W3C WCAG 2.2, le European Accessibility Act (Directive 2019/882), et votre autorité d'application nationale.