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 cache souvent du contenu qui devait servir de titre.
Dans , les titres (<h1> à <h6>) structurent
la page. Les titres vides apparaissent généralement lorsqu’un modèle de
rend un titre dont le contenu n’a jamais été renseigné, ou quand un titre
contient uniquement une image sans .
<!-- Problème : un titre sans contenu -->
<h2> </h2>
<!-- Problème : l’image n’a pas de texte alternatif, donc le titre est muet -->
<h2><img src="press.png" alt=""></h2>
Pourquoi c’est important
Les personnes utilisant un parcourent souvent une page en sautant 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 rompt 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 tient lieu de titre, donnez à l’image un texte alternatif :
<!-- Corrigé : le texte alternatif de l’image devient le texte du titre -->
<h2><img src="press.png" alt="Communiqués de presse"></h2>
- Si le titre ne sert à aucun objectif — par exemple un emplacement de modèle vide ou un titre utilisé uniquement pour l’espacement — supprimez entièrement l’élément. Utilisez le CSS pour l’espacement, pas des balises vides.
Comment Silktide teste cela
- Trouver chaque élément de titre (
<h1>à<h6>) sur chaque page. - Recueillir le texte de chaque titre, y compris le texte alternatif de toute image qu’il contient.
- Signaler chaque titre dont le contenu ne comporte ni lettres ni chiffres — ainsi, les titres ne contenant que des espaces ou de la ponctuation sont considérés comme vides.