Catégorie: Développement

Vérificateur de Structure des Titres HTML

Idée interneUn outil manque ?

Dressez le plan des titres H1 à H6 et repérez les problèmes structurels

Collez du HTML pour voir ses titres H1 à H6 sous forme de plan de document, et repérer un H1 manquant, plusieurs H1, des niveaux de titre sautés et des titres vides. Fonctionne entièrement dans votre navigateur.

Nombre de H11Problèmes2
Plan des titres
  • H1 How local browser tools work
  • H2 Why run tools in the browser
  • H4 A skipped level
  • H2 Another section
  • H3 (titre vide)
Problèmes
  • Un titre H3 n'a pas de texte.
  • Le niveau de titre passe de H2 à H4, en sautant un niveau.

Tout sur cette page est traité dans votre navigateur. Rien n'est envoyé.

À quoi sert cet outil

Les lecteurs d'écran comme les moteurs de recherche s'appuient sur les niveaux de titre pour comprendre la structure d'une page, donc un H1 manquant, deux H1 en concurrence, ou un saut direct de H2 à H4 peuvent rendre une page pourtant bien rédigée plus difficile à parcourir. Cet outil extrait chaque titre du HTML collé dans l'ordre du document, l'affiche sous forme de plan indenté, et repère les problèmes structurels faciles à introduire par erreur en modifiant un gabarit.

Mode d'emploi

  1. Collez le HTML d'une page ou d'un article dans le champ de saisie.
  2. Consultez le plan des titres pour vérifier qu'il correspond à la structure voulue de la page.
  3. Corrigez les problèmes signalés, comme un H1 manquant ou un niveau de titre sauté.

Confidentialité

Cet outil fonctionne entièrement dans votre navigateur. Ce que vous saisissez n'est jamais envoyé, stocké ni partagé : fermer l'onglet suffit à tout effacer.

Questions fréquentes

Mon HTML est-il envoyé quelque part ?
Non. Le document n'est lu que comme du texte par un tokeniseur dans l'onglet de votre navigateur ; rien n'est rendu à l'écran ni envoyé à un serveur.
Pourquoi un niveau de titre sauté pose-t-il problème ?
Les utilisateurs de technologies d'assistance naviguent souvent en passant d'un titre à l'autre à un niveau donné ; un saut direct de H2 à H4 peut donner l'impression qu'une section a été sautée ou rendre la structure difficile à suivre.
Un attribut alt vide est-il la même chose qu'un titre vide ?
Non, ce sont deux choses sans rapport. Un titre vide, comme un <h3></h3> sans texte, est toujours une erreur et est signalé comme telle ici ; un attribut alt vide sur une image est un cas différent, souvent intentionnel, couvert par l'Auditeur de Texte Alternatif d'Images.