Utilisation des titres pour structurer le contenu

L'agencement du contenu web avec des balises de titre appropriées est essentiel pour une accessibilité optimale. Les titres - <h1>, <h2>, <h3>, <h4>, <h5>, <h6> - offrent une structure claire et sémantique aux pages web, facilitant la navigation pour tous les utilisateurs, y compris ceux qui utilisent des technologies d'assistance comme les lecteurs d'écran.

Importance des balises de titre

• Structure sémantique : Les titres fournissent une hiérarchie claire et un ordre de lecture logique. Ils aident à organiser le contenu de manière significative, facilitant la compréhension globale de la page.
• Navigation améliorée : Les utilisateurs de lecteurs d'écran peuvent parcourir rapidement les pages en se basant sur la structure des titres. Cela permet une navigation efficace et une meilleure orientation sur la page.

Bonnes pratiques

• Un seul <h1> par page : Chaque page doit avoir un seul <h1>, représentant le sujet principal ou le titre de la page.
• Hiérarchie des titres : Utiliser une séquence logique de titres pour structurer le contenu. Éviter de sauter des niveaux dans la hiérarchie des titres.
• Éviter le formatage pour les titres : Ne pas utiliser simplement le formatage comme agrandir la police ou la mettre en gras, pour simuler des titres. Les balises de titre appropriées doivent être utilisées pour marquer tous les en-têtes de contenu.

Exemple de structure de titre

<h1>Ville de Laval</h1>
  <h2>Départements</h2>
    <h3>Travaux publics</h3>
    <h3>Ressources humaines</h3>
    <h3>Parcs et loisirs</h3>
      <h4>Parcs</h4>
      <h4>Centres de loisirs</h4>
  <h2>Services</h2>
    <h3>Collecte des déchets</h3>
    <h3>Services de l'eau</h3>
    <h3>Transport</h3>
      <h4>Horaires des bus</h4>
      <h4>Entretien des routes</h4>
  <h2>Conseil municipal</h2>
    <h3>Bureau du maire</h3>
    <h3>Réunions du conseil</h3>
    <h3>Ordonnances de la ville</h3>
      <h4>Archive des ordonnances</h4>
      <h4>Ordonnances proposées</h4>

Importance des listes HTML

L'utilisation correcte des listes HTML - <ul>, <ol>, et <dl> - est également cruciale pour une structure de contenu accessible.

• Utiliser les listes pour présenter des éléments qui font naturellement partie d'une liste. Éviter de les utiliser pour la mise en page.
• Les listes aident les utilisateurs, notamment ceux utilisant des lecteurs d'écran, à comprendre le contexte et le nombre d'éléments dans la liste.

Références

Headings and Labels (Level AA)