If a page has content which requires progress to be communicated to orient users about the changes that are
happening, it should be implemented in accessible manner.
Figure 1 Example of multi-page form where progress is shown using different steps
NOTE:
New to accessibility or uncertain of requirements, it will be helpful to review all sections below.
Already familiar with requirements, skip to the “Working Example” section for sample HTML, CSS
and JavaScript (when needed), along with a working demo.
Breadcrumb text CAN be used to show multiple steps of a form or process.
The page title CAN be made descriptive to indicate the location.
Visual cues along with programmatic implementation of same information about the progress
SHOULD be done in accessible manner.
For more information on how to handle different types of progress effectively, refer to
Multi-page Forms and
Progress Alerts components.
A page with a well-defined progress indicator benefits majorly the below users.
