Кратко
СкопированоСвойство изменяющихся областей из WAI-ARIA. Делает часть страницы live region или «живой» областью. Благодаря этому вспомогательные технологии узнают обо всех изменениях в ней.
Пример
Скопировано<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>
Как пишется
СкопированоДобавьте к тегу атрибут aria
с одним из трёх значений:
assertive
— срочные изменения, о них надо рассказать немедленно.polite
— не очень важные изменения, можно рассказать о них после другого важного содержимого или завершения действия.off
(по умолчанию) — не самые важные изменения, можно рассказать о них после всего остального.
Чаще всего понадобится значение polite
.
aria
можно использовать для всех тегов и ARIA-ролей.
Как понять
Скопировано«Живая» область — это область страницы, в которой что-то обновляется из-за внешних событий. Например, появляется уведомление или ошибка к полю, если пользователь ввёл неправильные данные. Так пользователи скринридеров могут узнать об изменениях автоматически, без перехода к этой части страницы.
На собеседовании
СкопированоЭто вопрос без ответа. Вы можете помочь! Почитайте о том, как контрибьютить в Доку.