Guide de correction · Erreur majeure

Corriger une hiérarchie de titres incohérente

Critère RGAA concerné : 9.1

Le problème

Les balises h1 à h6 dessinent le plan du document — comme les niveaux d’un sommaire. Sauter du h1 au h4 parce que « le h4 est plus joli » casse ce plan : l’utilisateur au lecteur d’écran croit avoir manqué deux niveaux de structure (critère 9.1 du RGAA).

La règle

On descend d’un niveau à la fois (h1 → h2 → h3) ; on remonte librement (h4 → h2 pour ouvrir une nouvelle section). Le niveau exprime la profondeur logique, jamais l’apparence.

La correction durable

Si vous choisissez un h4 pour sa taille, le vrai problème est dans le CSS : stylez les niveaux pour que la hiérarchie logique produise l’apparence voulue.

h2 { font-size: 1.6rem; }
.section-compacte h2 { font-size: 1.2rem; }  /* même niveau, autre style */

Dans les CMS, l’éditeur propose « Titre 2 », « Titre 3 » : formez les rédacteurs à choisir le niveau selon le plan, et verrouillez les styles pour que le bon niveau soit aussi le plus beau — c’est la seule prévention qui tient dans le temps.

Vérifier la correction

Relancez l’analyse : la détection liste chaque saut avec le titre concerné (« saut de h1 à h3 »). Corrigez du haut vers le bas : un saut réparé en tête de page en résout souvent plusieurs en cascade.

Vérifiez que la correction est bien prise en compte

Relancez une analyse gratuite : l'erreur corrigée doit disparaître du rapport.

Analyser mon site gratuitement