Corriger les titres vides (h1-h6 sans contenu)

Le problème

Un <h2></h2> vide — ou contenant seulement une espace, une icône sans alternative — crée une entrée fantôme dans le plan de la page : le lecteur d’écran annonce « titre de niveau 2 » puis… rien. À répétition, la navigation par titres devient un champ de mines (critère 9.1 du RGAA).

D’où viennent les titres vides

Trois sources dominent : les constructeurs de pages (un bloc « Titre » ajouté puis vidé mais jamais supprimé), les gabarits qui réservent un emplacement de titre rempli conditionnellement (<h3><?php echo $subtitle ?></h3> quand $subtitle est vide), et les titres-images sans alternative.

La correction

Supprimez la balise vide, ou rendez-la conditionnelle dans le gabarit :

<?php if ($subtitle): ?><h3><?php echo $subtitle; ?></h3><?php endif; ?>

Pour un titre porté par une image, l’alternative de l’image devient le contenu du titre : <h2><img src="…" alt="Nos services"></h2> est valide.

Vérifier la correction

Relancez l’analyse : la détection « Titres vides » cite chaque balise fautive avec son code exact — le plus dur (les trouver) est fait.

Autres erreurs fréquentes à corriger

• Corriger un code de langue invalide
• Corriger une hiérarchie de titres incohérente
• Corriger la langue de page non déclarée (attribut lang)
• Corriger les contrastes de texte insuffisants
• Corriger les liens non explicites (« cliquez ici », « en savoir plus »)
• Corriger une page sans titre principal h1

← Retour au guide RGAA complet