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
- Repérez les balises de titre (h1 à h6) sans texte visible.
- 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.
<h3></h3>
<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 |
|
|---|---|
| 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.