Progressbar Role

Previous Presentation role

A progressbar (role) is assigned to the portion of the page that displays the status of a lengthy task. A progress bar indicates that the users request is received and is in the process of executing the task. Content authors should provide values of aria-valumin, aria-valuemax and aria-valuenow where the aria-valuemax is known. All these values should be updated when the visual content gets updated. The user should be provided with the current status using aria-valuenow. The values of the progresbar cannot be changed by the user and hence are readonly. Provide aria-readonly=”true” for the progressbar values.

Eg: When a file of 100 mb is downloaded a progressbar indicates aria-valuemin as 0, aria-valuemax as 100 and aria-valuenow with the current status of the download.

Note: Screen readers announce the progress in percentage.

Next Radio role