Кратко
СкопированоРоль изменяющихся областей. Делает часть страницы live region или «живой» областью. marquee
нужна для области с не очень важной информацией, которая быстро изменяется.
Пример
Скопировано<ul role="marquee" aria-labelledby="currency"> <li>9999,56 $ за юань</li> <li>100000000000,32 $ за докакоин</li></ul><p id="currency">Текущие курсы валют</p>
<ul role="marquee" aria-labelledby="currency"> <li>9999,56 $ за юань</li> <li>100000000000,32 $ за докакоин</li> </ul> <p id="currency">Текущие курсы валют</p>
Как пишется
СкопированоДобавьте к тегу атрибут role
. Роль можно использовать для всех тегов.
У marquee
по умолчанию есть свойство aria
.
Скринридер объявит об изменениях в области с marquee
после завершения пользователями действий со страницей и другой информации.
Как понять
Скопировано«Живая» область — это область страницы, в которой что-то постоянно обновляется из-за внешних событий. Например, появляется уведомление или ошибка, когда пользователь сделал что-то неправильно. Так пользователи скринридеров могут узнать об изменениях автоматически, без перехода к этой части страницы.
Роль marquee
часто используют для курсов валют и тикеров — бегущих строк с биржевой информацией об акциях, индексах и прочем. Для этой роли не важна последовательность обновления информации, как для log
.