In forms with multiple steps, identify the current step using aria-current="step"

In the navigation menu of a form with multiple steps, the current step should be identified by means of aria-current="step".

<nav aria-label="Steps of your order">
   <ol>
      <li><a href="…">Personal information</a></li>
      <li aria-current="step"><em>Payment</em></li>
      <li>Preview</li>
   </ol>
</nav>

Note

When forms have multiple steps, it should also be possible for the user to return to a previous step by means of a link, for example.

Find out more

Comments

Add a comment

All fields are mandatory.

Back to top