Skip to main content

Important information

The contents of this webpage are in French only.

Étapes

Cette page présente le style visuel utilisé pour les marches à suivre par étapes.

Description

Dans les instructions d’une procédure administrative, l’affichage d’étapes bien définies est nécessaire pour présenter une marche à suivre ordonnée (par exemple : à la fin d’une navigation assistée).

Les étapes sont numérotées (exemple : « Étape 1 », balisée en <h>, qui n’est jamais un lien) et suivies du nom de l’étape (« Première action à poser lorem ipsum », balisée en <p>, qui n’est jamais un lien).

À noter que, bien que balisé en <p>, le nom d’étape possède une classe CSS qui le différencie légèrement, par la taille et la graisse, d’un <p> normal.


Étape 1

Première action à poser lorem ipsum

Lorem ipsum dolor sit :

  • Sed ut perspiciatis unde omnis iste natus.
  • At vero eos et accusamus et iusto odio.

Étape 2

Deuxième action à poser lorem ipsum

Quisque in mi a turpis facilisis rutrum :

  • Nullam luctus luctus faucibus.
  • Phasellus vitae enim sit amet magna dignissim suscipit a sed augue. Vestibulum porta blandit neque a tempor. Aliquam erat volutpat. Aenean ut sem sagittis, consequat enim non.

Note

Il n’est pas souhaitable de faire usage d’une autre balise de titre (<h>) à l’intérieur d’une étape.


Accessibilité

S’assurer que le texte de l’étape (Étape 1, Étape 2, etc.) soit dans un titre <h(n)> qui respecte l’ordre hiérarchique de la page, c’est-à-dire h1, h2, h3, h4, h5, h6.

How did we do?

Was the information on this page useful to you?
Do not include any personal information. You will not receive any reply.