A Progressbar or Slider ARIA Role is missing required aria attributes
| Field | Value |
|---|---|
| Rule code | Progressbar_AttributeRequirement_Missing |
| WCAG conformance level | A |
| WCAG success criterion | 4.1.2 Name, Role, Value |
| Must be fixed at source | No |
Description
The Progressbar and Slider ARIA roles requires the aria-valuemin, aria-valuemax, and aria-valuenow attributes to communicate progress information to assistive technologies. If the current progress of the progressbar or slider is indeterminate, you can omit the aria-valuenow attribute. For progress regions, use aria-describedby to associate a status message and set aria-busy to true until the task is complete. More details: https://www.w3.org/TR/wai-aria-1.1/#progressbar and https://www.w3.org/TR/wai-aria-1.1/#slider.
How to fix
Ensure each element with role='slider' or role='progressbar' has 'aria-valuemin', 'aria-valuemax', and 'aria-valuenow' (e.g., <div role='progressbar' aria-valuemin='0' aria-valuemax='100' aria-valuenow='50'></div>); The 'aria-valuenow' can be left out if the progress is indeterminate.