Vérificateur de titres et de textes alternatifs
Vérifiez la hiérarchie des titres et les textes alternatifs des images sur une page, sans inscription.
Outil
Cet outil charge une fois l'adresse saisie depuis notre serveur, extrait tous les titres de h1 à h6 dans l'ordre du document et les affiche en plan indenté; il liste chaque balise img avec son texte alternatif, ses attributs width et height, le marqueur loading="lazy", sa présence dans un élément picture et l'existence d'un srcset. En haut figurent le nombre de titres, de h1, d'images, d'images sans attribut alt et de mots dans le texte visible; en dessous viennent les constats, chacun avec l'action à mener. Le tableau des images peut être copié en CSV.
La hiérarchie des titres compte pour trois lecteurs: le visiteur qui parcourt la page distingue les sections grâce aux titres, l'utilisateur de lecteur d'écran se déplace depuis la liste des titres, et le moteur de recherche lit l'organisation du contenu dans cette même structure. L'outil signale séparément l'absence de h1, plusieurs h1, les niveaux sautés (h4 juste après h2, par exemple), les titres vides et dupliqués, les titres de plus de 70 caractères et un premier titre qui n'est pas un h1. Un seul h1 n'est pas une obligation mais le choix courant et sûr; le standard HTML en autorise plusieurs, pourtant un titre principal unique est plus clair pour les lecteurs d'écran et les moteurs. Le texte alternatif dit au visiteur qui ne voit pas l'image ce qu'elle transmet et aide la recherche d'images à comprendre le contenu; l'outil marque comme absent tout image sans attribut alt, comme décoratif un alt vide, et comme à revoir un alt de plus de 125 caractères ou égal au nom de fichier.
L'outil ne lit que le HTML renvoyé par votre serveur; les titres et images ajoutés dans le navigateur par JavaScript, les images d'arrière-plan CSS et les galeries chargées par script lui sont invisibles. Il ne vérifie pas si les images se chargent réellement, ni leur poids ou leur compression, et seul un humain peut juger si un texte alternatif correspond vraiment à l'image. Le résultat est conservé 10 minutes en mémoire serveur pour la même adresse, puis effacé; rien d'autre que l'adresse saisie n'est lu.
Questions fréquentes
Utiliser plusieurs h1 est-il une erreur ?
Non, le standard HTML autorise plusieurs h1 et Google a indiqué que cela seul n'est pas un problème de classement. Un h1 unique rend tout de même le sujet principal plus clair pour les lecteurs d'écran et les moteurs; c'est pourquoi un seul h1 reste le choix courant et sûr.
Faut-il un texte alternatif pour une image décorative ?
Donnez à l'image décorative un alt vide (alt=""), le lecteur d'écran la sautera. Ne supprimez pas l'attribut, sinon certains lecteurs d'écran lisent le nom du fichier. Pour une image informative, écrivez une phrase courte disant ce qu'elle montre.
L'outil voit-il les titres et images créés par JavaScript ?
Non, seul le premier HTML renvoyé par le serveur est lu. Sur les pages qui construisent leur contenu dans le navigateur par script, le plan et la liste des images peuvent être incomplets; comparez le résultat avec la sortie «afficher le code source» de votre navigateur.
Pourquoi demande-t-il width et height ?
Le navigateur calcule le rapport largeur/hauteur à partir de ces deux valeurs et réserve l'espace avant le chargement, ce qui évite que le contenu saute vers le bas. Vous pouvez toujours dimensionner l'image avec CSS; les attributs ne déclarent que le rapport.
