Picto thématique

Règle n° 227 - Le contenu de chaque page est organisé selon une structure de titres et sous-titres hiérarchisée.

Les titres et sous-titres permettent aux navigateurs, moteurs et outils de vocalisation de restituer la structure d’une page. Ainsi, les utilisateurs peuvent accéder directe- ment au contenu qui les intéresse.

#Accessibilité #SEO #Structure et code #Développement #Editorial

Objectif

  • Permettre aux utilisateurs qui le souhaitent de visualiser la structure du contenu de la page et d’y naviguer.
  • Permettre aux machines et aux outils d’indexation d’extraire le plan de chaque page.
  • Améliorer le référencement en facilitant l’interprétation du contenu par les robots d’indexation.

Mise en œuvre

Structurer le document en titres et sous-titres à l’aide des éléments HTML h1 à h6.

Veiller à ce que la structure ne comporte pas de « trous » : un titre de niveau h2 ne doit pas être suivi d’un titre h4, h5 ou h6, par exemple.

Veiller à ce que chaque page comporte au moins un titre de niveau 1 avec l’élément h1.

En savoir plus: h1... h6 sur MDN

Contrôle

Dans chaque page, contrôler successivement :

  • la présence d’au moins un élément h1 correspondant au titre de la section principale du contenu de la page ;
  • la présence de sous-titres h2 à h6 (si nécessaire) correspondant aux titres des sous-sections de contenu principal de la page ;
  • l’absence d’interruption dans la succession descendante des titres h1 à h6, c’est-à-dire par exemple l’absence de titre h1 suivi d’un titre h3.

La vérification doit s’effectuer en tenant compte d’éventuels éléments de titres masqués à l’affichage ou bien de titres générés par JavaScript. On peut, à cet effet, utiliser la fonction d’affichage de la table des matières de la page disponible dans certains outils de développement.

Auteur Opquast - Consulter la licence


Les règles Opquast vous sont utiles ? Passez la certification

  • Une formation et une certification 100% en ligne, reconnues officiellement
  • Une formation en ligne de 14 heures en autonomie, disponible 24h/24, 7j/7
  • Formation autonome avec un guide de 200 pages, des quiz, un glossaire, des examens blancs, des articles des videos
  • Pour tous les professionnels du Web : marketing, commerciaux, chefs de projet, designers, développeurs, ingénieurs informatiques.
  • Une approche multidisciplinaire : SEO, accessibilité, écoconception… pour tous les professionnels, débutants comme confirmés.
  • Un contenu reposant sur des règles vérifiables et un vocabulaire adopté par une large communauté de professionnels
  • Des principes de conception centrés sur la diversité des utilisateurs

Pourquoi s’inscrire ?

  • Améliorer votre profil professionnel et la reconnaissance de vos pairs
  • Consultez les offres d’emploi mentionnant Opquast et trouvez plus facilement un job
  • Ajouter de nouvelles compétences à votre profil professionnel
  • Améliorez votre culture web et celle de vos équipes
  • Prenez mieux en compte la diversité des utilisateurs
  • Réduisez les risques et améliorez la qualité de l’expérience utilisateur
  • Diminuez les coûts et améliorez la qualité de vos sites web
  • Dotez-vous d’une culture transversale et faites progresser vos équipes
  • Rejoignez la communauté Opquast et ses 13.000 certifiés
Logo Mon compte Formation

La certification Opquast est inscrite au Répertoire National des Certifications Professionnelles (RNCP) – Répertoire spécifique.