Step Indicator

A Step Indicator shows the user their progress along the process of completing a task. User actions are required for the progress to be updated.

WCAG Score - Not compliant


Provided by the component

 


Implementation considerations

Labeling the step indicator

The component provides a mandatory label that states the step of the process (e.g. Step 1 of 6), this information is merged with the value of the progress bar correspondent to the step and bonded as the aria-label for the component, allowing us to provide more precise information about the completion of each individual step to assistive technologies.