Auditer la structure d’une page à l’oreille

Un audit de structure consiste à vérifier les titres tels qu’un lecteur d’écran les présente, sans tenir compte de la mise en forme visuelle. 👂

Oubliez les couleurs et les polices. Une structure claire devrait se lire comme une liste imbriquée cohérente de titres de section, même sans aucun CSS.

Extrayez simplement vos titres dans l’ordre. Si cette seule liste résume la page, votre structure remplit correctement son rôle.

Commencez par confirmer qu’il existe exactement un h1 qui nomme la page. Un h1 manquant ou dupliqué est le défaut de structure le plus courant.

Parcourez les niveaux et recherchez un saut, par exemple un passage de h2 à h4. Chaque saut vers un niveau inférieur doit avancer exactement d’un niveau.

Recherchez les textes en gras qui devraient être des titres, mais qui sont en réalité des div mises en forme. Ces lacunes invisibles privent les utilisateurs de lecteurs d’écran de tout repère.

Les outils de développement et les extensions du navigateur peuvent afficher une vue de la structure. Ils répertorient vos véritables titres et signalent les niveaux ignorés ou manquants.

Ouvrez la liste des titres dans NVDA ou VoiceOver. Entendre votre propre page lue à voix haute révèle des problèmes qu’aucun schéma ne permet de voir. 🔊

Un titre vide contenant uniquement une icône est annoncé comme s’il ne contenait rien et encombre la liste. Donnez à chaque titre un texte réel et pertinent.

Les titres vagues comme « Plus » échouent au test d’écoute. Même hors contexte, chacun devrait indiquer à l’utilisateur ce que couvre la section.

Effectuez une vérification rapide de la structure sur chaque page avant sa mise en ligne. Deux minutes suffisent pour détecter des problèmes structurels qui frustreraient les utilisateurs chaque jour.

Vous avez appris à auditer à l’oreille : confirmer la présence d’un seul h1, repérer les niveaux ignorés, démasquer les faux titres et vérifier la formulation avec un véritable lecteur d’écran. ✅