Кратко
СкопированоРоль изменяющихся областей. Делает часть страницы live region или «живой» областью. timer
нужна для областей со счётчиками, которые отсчитывают время в обычном или обратном порядке.
Пример
Скопировано<div id="clock" role="timer" aria-live="polite"> <span id="clock-hours"></span> <span id="clock-mins"></span></div>
<div id="clock" role="timer" aria-live="polite"> <span id="clock-hours"></span> <span id="clock-mins"></span> </div>
Как пишется
СкопированоДобавьте к тегу атрибут role
. Роль можно использовать для всех тегов.
У timer
по умолчанию есть свойство aria
.
Скринридер объявит об изменениях в области с timer
после завершения пользователями действий со страницей и другой информации.
Чтобы скринридер объявлял об изменениях через определённый интервал времени, используйте JavaScript. Для этого переключайте значение aria
c off
на polite
через нужный промежуток времени. Например, каждые 60 минут.
Как понять
Скопировано«Живая» область — это область страницы, в которой что-то постоянно обновляется из-за внешних событий. Например, появляется уведомление или ошибка, когда пользователь сделал что-то неправильно. Так пользователи скринридеров могут узнать об изменениях автоматически, без перехода к этой части страницы.
Роль timer
часто используют для таймеров.