Critère « 3 »

Nom :
3
Description :
Le contenu de chaque page est organisé selon une structure de titres et sous-titres hiérarchisée.
Cré(é) le :
21 avril 2010
Automatisé(e) :
Automatisé
Objectif(s) :

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.

Solution(s) technique(s) :

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.

Moyen(s) de contrôle :

Dans chaque page, contrôler successivement :

  • La présence d'au moins un élément H1 correspondant à la section principale du contenu de la page ;
  • La présence de sous-titres H2 à H6 (si nécessaire) correspondant à chaque sous-section 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 de la Web Developer Toolbar (Information > Plan du document) qui respecte ces deux contraintes. Elle signale par ailleurs automatiquement les interruptions dans la succession des niveaux de titres.

Un double affichage côte à côte de la page et de la table des matières créée par la Web Developer Toolbar facilitera la détection de sections de contenus dénuées de titre ou mal hiérarchisées.

Dérogations:
(non renseigné)
Remarques:
(non renseigné)
Niveau :
Niveau 1
Thématique :
Code
VPTCS :
Technique Contenus
Processus :
Design Intégration CMS – Développement Référencement
Exigences :
Accessibilité
Workshop :
validée