Current step indicated
Core requirement
The current step within a multi-step process is indicated by a text or by a mechanism that conveys its current status both visually and programmatically.
Tests
Ensure the current step is explicitly labeled as the current step
Procedure
For each multi-step process:
- Identify the current step. Verify that the step includes an explicit textual label or accessible text alternative indicating its status (e.g., “current”, “active”, “Step X of Y”)
- Verify that this label is part of the visible content of the step and included in the accessibility tree
Expected results
#2 and #3 are true
Ensure the current step is visually and programmatically indicated
Procedure
For each multi-step process:
- Identify the current step.
- Verify that the step is visually distinguished from other steps (e.g., styling, icon, layout).
- Verify that the current status is also exposed programmatically using aria-current=“step”.
Expected results #2 and #3 are true
Ensure the current step is identified through a page heading
Procedure
For each multi-step process:
- Identify the current step
- Verify that a heading exists that corresponds to the current step
- Verify that no other headings associated with other steps are used within the same view or page.
Expected results #2 and #3 are true