Texte du titre
Silktide vérifie que chaque titre de vos pages contient du texte lisible. Un titre vide annonce une section qui n’existe pas et masque souvent du contenu qui devait être un titre.
Dans , les titres (<h1> à <h6>) définissent
la structure d’une page. Les titres vides apparaissent généralement lorsqu’un
gabarit de affiche un titre dont le contenu n’a jamais été
renseigné, ou lorsqu’un titre contient uniquement une image sans
.
<!-- Problème : un titre sans contenu -->
<h2> </h2>
<!-- Problème : l’image n’a pas de texte de remplacement, donc le titre est muet -->
<h2><img src="press.png" alt=""></h2>
Pourquoi c’est important
Les personnes qui utilisent des parcourent souvent une page en passant de titre en titre. Un titre vide est annoncé comme « titre de niveau 2 » sans rien après — une entrée morte dans le plan de la page qui brise le rythme de la navigation et laisse l’auditeur se demander ce qu’il a manqué. Lorsque le titre contient une image non étiquetée, les visiteurs voyants voient un titre que les utilisateurs de ne reçoivent jamais.
Comment corriger
- Si le titre doit contenir du texte, ajoutez-le dans votre CMS ou votre code.
- Si le titre contient une image qui sert de titre, donnez à l’image un texte de remplacement :
<!-- Corrigé : le texte de remplacement de l’image devient le texte du titre -->
<h2><img src="press.png" alt="Communiqués de presse"></h2>
- Si le titre ne sert à rien — par exemple, un emplacement de gabarit vide ou un titre utilisé uniquement pour l’espacement — supprimez entièrement l’élément. Utilisez le CSS pour gérer l’espacement, pas des balises vides.
Comment Silktide teste cela
- Repérer chaque élément de titre (
<h1>à<h6>) sur chaque page. - Récupérer le texte de chaque titre, y compris le texte de remplacement des images qu’il contient.
- Signaler chaque titre dont le contenu ne contient ni lettres ni chiffres — ainsi, les titres qui ne comportent que des espaces ou de la ponctuation sont considérés comme vides.