7.9. Identifier l’étape courante des formulaires à étapes multiples avec aria-current="step"

Dans le menu de navigation d’un formulaire à étapes multiples, l’étape courante doit être identifiée avec aria-current="step".

<nav aria-label="Étapes de votre commande">
   <ol>
      <li><a href="…">Informations personnelles</a></li>
      <li aria-current="step"><em>Paiement</em></li>
      <li>Prévisualisation</li>
   </ol>
</nav>

Remarque

À noter qu’il est également nécessaire de permettre à l’utilisateur de revenir en arrière sur les formulaires à étapes multiples, à l’aide d’un lien par exemple.

Aller plus loin

  1. Recommandation d’accessibilité pour la conception fonctionnelle et graphique associée : 7.11. Permettre à l’utilisateur de revenir en arrière sur les formulaires à étapes multiples.
  2. Using the aria-current attribute.

Commentaires

Ajouter un commentaire

Les champs avec astérisque (*) sont obligatoires.

Haut de page