Gravité : Mineur Titres et structure

Titre vide

Une balise de titre sans texte (souvent utilisée pour son espacement) crée un repère vide qui perturbe la navigation.


Qui est concerné

  • Personnes aveugles, qui rencontrent un titre annoncé sans contenu

Pourquoi c'est important

Un <h2></h2> vide, parfois laissé pour un effet visuel, apparaît dans le sommaire du lecteur d'écran comme un titre sans intitulé. Soit on lui donne un texte, soit on retire la balise de titre et on gère l'espace en CSS. Bonne pratique adossée au critère 1.3.1.

Comment le tester vous-même

  1. Repérez les balises de titre (h1 à h6) sans texte visible.
  2. Renseignez leur contenu, ou remplacez-les par un élément non titrant.

Comment corriger

Ne laissez pas de balise de titre vide : renseignez son texte ou retirez la balise.

À éviter
<h3></h3>
Recommandé
<h3>Nos engagements</h3>

<!-- ou, si ce n'était qu'un espace, pas de titre du tout -->
<div class="espacement"></div>

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