progressbar

Самостоятельная роль виджета из WAI-ARIA для индикатор выполнения задачи — прогресс-бара.

В HTML эта роль есть у <progress> по умолчанию.

Задайте role="progressbar" любому тегу, но лучше всего <div> или <span>. В большинстве случаев лучше использовать <progress>.

У progressbar должны быть атрибуты aria-valuemin для минимального значения, aria-valuemax для максимального и aria-valuenow для текущего. По умолчанию роли заданы aria-valuemin="0" и aria-valuemax="100". Значение aria-valuenow не должно быть выше максимального значения и ниже минимального.

Если прогресс выполнения задачи относится к определённой части страницы, свяжите прогресс-бар с ней при помощи aria-describedby и задайте этой части страницы aria-busy="true".

Элементам с ролью progressbar также можно задавать остальные глобальные ARIA-атрибуты.