main

Как добавить ориентир для главного содержимого страницы с помощью WAI-ARIA.

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

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

Кратко

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

ARIA-роль ориентира, которая определяет область с главным содержимым страницы.

Роль main есть у <main> по умолчанию.

Пример

Секция статьи "Пример"
        
          
          <div role="main">  <h1>История ковров</h1>  <p>История тканных ковров насчитывает не одну тысячу лет. С давних пор люди украшали жилище коврами…</p></div>
          <div role="main">
  <h1>История ковров</h1>
  <p>История тканных ковров насчитывает не одну тысячу лет. С давних пор люди украшали жилище коврами…</p>
</div>

        
        
          
        
      

Как пишется

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

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

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

Для элемента с ролью main можно использовать все глобальные ARIA-атрибуты.

Как понять

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

Роль main создаёт ориентир на странице. Это значит, что пользователи скринридеров могут быстро переместиться к этой части страницы с помощью горячих клавиш или через меню со всеми ориентирами.