Table des matières à l'intérieur de la page: Conception de Canada.ca

Quand utiliser

Utilisez la configuration de la table des matières sur la page même aux fins suivantes :

• donner un aperçu du contenu d’une page comprenant plusieurs sous-sections;
• fournir une autre façon d’accéder à du contenu précis sur la page, sans devoir utiliser la barre de défilement.

Servez-vous de cette configuration dans les situations suivantes :

• un défilement excessif est requis pour voir tout le contenu affiché sur la page;
• la page est divisée en sous-sections ayant chacune sa propre en-tête.

Quoi éviter

N’utilisez pas cette configuration lorsque le document est réparti sur plusieurs pages Web. Servez-vous plutôt de la configuration de la table des matières sur plusieurs pages.

Contenu et conception

• Toujours positionner le modèle de la table des matières à l’intérieur d’une page au haut de la page, tout juste sous l’en-tête1 et le texte d’introduction, avant le début du contenu principal.
• Étiquetez cette configuration « Sur cette page » pour la distinguer du reste du contenu sur la page et faire preuve d’uniformité sur tout le site.
• Présentez les liens au moyen d’éléments de liste, c’est-à-dire des puces pour une liste non ordonnée et des chiffres pour une liste ordonnée.
• Utiliser des styles de liens standard pour veiller à ce qu’ils soient cliquables.
• La table des matières sur la page même doit être justifiée à gauche, sous forme de liste verticale.

Exemple visuel

Description de l'image

L’en-tête « Sur cette page » est écrit en gras, dans une police noire, au-dessus d’une liste de liens. Il y a sous l’en-tête une liste verticale à puces contenant trois éléments

• Premier titre de section
• Deuxième titre de section
• Troisième titre de section

Chaque élément de la liste est un lien hypertexte bleu qui indique aux utilisateurs qu’ils peuvent cliquer dessus pour accéder rapidement aux sections correspondantes sur cette même page.

Comment mettre en œuvre

Référence de mise en œuvre du thème GCWeb (WET)

• Table des matières à l’intérieur de la page (GCWeb)

Dernières modifications

2025-08-20

Révision des exemples visuels et des titres sur la page pour les aligner plus étroitement avec nos nouvelles pièces de directives. Ajout de liens vers la mise en œuvre de GCWeb pour un accès plus facile.