heading

ARIA-роль структуры документа для заголовка.

Роль heading есть у <h1>–<h6> по умолчанию.

        
          
          <div role="heading" aria-level="1">Главный заголовок</div><div role="heading" aria-level="2">Второстепенный заголовок</div><div role="heading" aria-level="3">Ещё менее значимый заголовок</div>
          <div role="heading" aria-level="1">Главный заголовок</div>
<div role="heading" aria-level="2">Второстепенный заголовок</div>
<div role="heading" aria-level="3">Ещё менее значимый заголовок</div>

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Добавьте к тегу role="heading". Лучше, чтобы это были семантически нейтральные <div> или <span>. Одно из правил использования ARIA — не перезаписывать роли без необходимости.

В большинстве случаев лучше использовать <h1>–<h6> вместо роли heading.

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

Также для этой роли можно использовать все глобальные ARIA-атрибуты.

Роль нужна для создания заголовков, когда нет возможности использовать подходящие HTML-теги.