Provide a way of returning to the previous steps on forms with multiple steps

For each multi-step form, it is recommended to clearly indicate the total number of steps as well as the current step.

Screenshot, caption below.
Three steps are announced in this form. The current step is indicated by a bold effect and different text and background colors.
Screenshot, caption below.
In this form, 3 steps are identified and users can click on the title of step 1 to go back from a further one.

Find out more

  1. Associated accessibility guideline for HTML, CSS and JavaScript: 7.9. In forms with multiple steps, identify the current step using aria-current="step".

Comments

Add a comment

Required fields are marked *.

Back to top