Как это устроено
Landmarks — области страницы, по которым AT позволяет быстро перемещаться: навигация, основной контент, поиск и т.д.
Основные
| HTML | Роль |
|---|
header | banner (если не внутри sectioning) |
nav | navigation |
main | main |
aside | complementary |
footer | contentinfo |
form / search | form/search |
<header>...</header>
<nav aria-label="Основная">...</nav>
<main>...</main>
<footer>...</footer>
Несколько одинаковых landmark лучше различать через aria-label/aria-labelledby.
Итог
Landmarks — карта страницы для screen reader. Семантические теги дают их почти бесплатно.