Gravité : Modéré Titres et structure

Hiérarchie de titres incorrecte

Sauter un niveau de titre (passer d'un h2 à un h4) casse la carte mentale de la page pour qui navigue de titre en titre.


Qui est concerné

  • Personnes aveugles, qui parcourent la page par sa structure de titres
  • Personnes avec troubles cognitifs, aidées par une hiérarchie régulière

Pourquoi c'est important

Les titres forment un sommaire implicite. Sauter du h2 au h4 fait croire à un niveau manquant et brise la logique. Les niveaux doivent s'enchaîner sans trou. On ne choisit pas un niveau de titre pour sa taille à l'écran, mais pour sa place dans la hiérarchie. Bonne pratique adossée au critère 1.3.1.

Comment le tester vous-même

  1. Listez les titres de la page (un plugin ou le lecteur d'écran le fait).
  2. Vérifiez qu'aucun niveau n'est sauté en descendant (h1, puis h2, puis h3).
  3. Si un titre est trop gros ou trop petit, corrigez le style en CSS, pas le niveau du titre.

Comment corriger

Respectez la hiérarchie des titres sans sauter de niveau (h1 puis h2 puis h3…). N'utilisez pas un niveau de titre pour sa taille.

À éviter
<h1>Guide</h1>
<h4>Première étape</h4>
Recommandé
<h1>Guide</h1>
<h2>Première étape</h2>

Critères de référence

WCAG 2.1
  • 1.3.1 : Information et relations (niveau A)
RGAA 4.1 Thème 9 : Structuration de l'information

Plainpied détecte ce défaut automatiquement et le localise page par page. La conformité totale combine détection automatique et vérifications humaines : voir notre méthode.

Ce défaut est-il présent sur votre site ?

Scan gratuit, score et corrections en dix minutes, sans compte.

Lancer un audit gratuit