Кратко
СкопированоARIA-роль ориентира, которая определяет область с главным содержимым страницы.
Роль main есть у <main> по умолчанию.
Пример
Скопировано
<div role="main"> <h1>История ковров</h1> <p>История тканных ковров насчитывает не одну тысячу лет. С давних пор люди украшали жилище коврами…</p></div>
<div role="main">
<h1>История ковров</h1>
<p>История тканных ковров насчитывает не одну тысячу лет. С давних пор люди украшали жилище коврами…</p>
</div>
Как пишется
СкопированоДобавьте к тегу role. Лучше, чтобы это были семантически нейтральные <div> или <span>. Одно из правил использования ARIA — не перезаписывать роли без необходимости.
В большинстве случаев лучше использовать <main> вместо роли main.
Для элемента с ролью main можно использовать все глобальные ARIA-атрибуты.
Как понять
СкопированоРоль main создаёт ориентир на странице. Это значит, что пользователи скринридеров могут быстро переместиться к этой части страницы с помощью горячих клавиш или через меню со всеми ориентирами.