aria-busy

Одно из дополнительных состояний изменяющихся областей, которое помогает скринридерам дождаться завершения всех изменений и рассказать о них за один раз.

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

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

Кратко

Секция статьи "Кратко"

Состояние изменяющихся областей из WAI-ARIA. aria-busy указывает на то, что элемент сейчас изменяется, поэтому вспомогательная технология должна подождать и пока ничего не рассказывать пользователям.

Пример

Секция статьи "Пример"
        
          
          <section role="feed" aria-busy="false">  <h2>Пока вас не было</h2>  <article aria-posinset="5" aria-setsize="-1">    <!-- Содержание поста -->  </article>  <article aria-posinset="6" aria-setsize="-1">    <!-- Содержание поста -->  </article></section>
          <section role="feed" aria-busy="false">
  <h2>Пока вас не было</h2>
  <article aria-posinset="5" aria-setsize="-1">
    <!-- Содержание поста -->
  </article>
  <article aria-posinset="6" aria-setsize="-1">
    <!-- Содержание поста -->
  </article>
</section>

        
        
          
        
      

Как пишется

Секция статьи "Как пишется"

Добавьте к тегу атрибут aria-busy с одним из двух значений:

  • true — изменения произошли и о них можно рассказать.
  • false (по умолчанию) — изменения не ожидаются.

aria-busy можно использовать для всех тегов и ARIA-ролей.

Чтобы aria-busy работал правильно, не обойтись без JavaScript. Когда изменения в живой области завершены, переключите значение атрибута с false на true.

Как понять

Секция статьи "Как понять"

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

aria-busy пригодится для интерактивных элементов, в которых происходит одновременно много изменений. С помощью этого атрибута можно накапливать изменения и рассказывать о них пользователям один раз. К примеру, атрибут можно использовать в ленте новостей социальной сети.