Кратко
СкопированоСвойство виджета из WAI-ARIA, которое определяет место одного элемента в иерархии других.
Пример
Скопировано<div role="heading" aria-level="1">Заголовок первого уровня</div>
<div role="heading" aria-level="1">Заголовок первого уровня</div>
Как пишется
СкопированоДобавьте к тегу aria
со значением от 1
и выше. Атрибут можно использовать только для некоторых тегов и ролей:
<h1>
–<h6>
или рольheading
.<li>
,<dt>
или рольlistitem
.<tr>
или рольrow
.- Роль
comment
. - Роль
associationlistitemkey
.
У элемента с явно заданной ролью heading
обязательно должен быть атрибут aria
со значениями от 1
до 6
. Если в этом случае значение атрибута не задано, по умолчанию применится 2
.
Как понять
СкопированоИерархия важна для заголовков, древовидных списков, вложенных сеток и других похожих элементов.