marquee

Роль для области с быстро изменяющейся информацией.

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Скопировано

Роль изменяющихся областей. Делает часть страницы 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". Роль можно использовать для всех тегов.

У marquee по умолчанию есть свойство aria-live="off".

Скринридер объявит об изменениях в области с marquee после завершения пользователями действий со страницей и другой информации.

Как понять

Скопировано

«Живая» область — это область страницы, в которой что-то постоянно обновляется из-за внешних событий. Например, появляется уведомление или ошибка, когда пользователь сделал что-то неправильно. Так пользователи скринридеров могут узнать об изменениях автоматически, без перехода к этой части страницы.

Роль marquee часто используют для курсов валют и тикеров — бегущих строк с биржевой информацией об акциях, индексах и прочем. Для этой роли не важна последовательность обновления информации, как для log.