Кратко
Скопировано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
создаёт ориентир на странице. Это значит, что пользователи скринридеров могут быстро переместиться к этой части страницы с помощью горячих клавиш или через меню со всеми ориентирами.