aria-level

ARIA-атрибут для определения места элемента в иерархии.

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

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

Кратко

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

Свойство виджета из WAI-ARIA, которое определяет место одного элемента в иерархии других.

Пример

Секция статьи "Пример"
        
          
          <div role="heading" aria-level="1">Заголовок первого уровня</div>
          <div role="heading" aria-level="1">Заголовок первого уровня</div>

        
        
          
        
      

Как пишется

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

Добавьте к тегу aria-level со значением от 1 и выше. Атрибут можно использовать только для некоторых тегов и ролей:

  • <h1><h6> или роль heading.
  • <li>, <dt> или роль listitem.
  • <tr> или роль row.
  • Роль comment.
  • Роль associationlistitemkey.

У элемента с явно заданной ролью heading обязательно должен быть атрибут aria-level со значениями от 1 до 6. Если в этом случае значение атрибута не задано, по умолчанию применится 2.

Как понять

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

Иерархия важна для заголовков, древовидных списков, вложенных сеток и других похожих элементов.