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

Dans le menu de navigation d’un formulaire à étapes multiples, il est recommandé d’identifier l’étape courante 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 recommandé de permettre de revenir en arrière sur les formulaires à étapes multiples, à l’aide d’un lien par exemple.

Commentaires

Ajouter un commentaire

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

Haut de page