Aller au contenu principal

É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.

Évaluer la page

L’information sur cette page vous a-t-elle été utile?
N’inscrivez pas de renseignements personnels. Notez que vous ne recevrez aucune réponse.