Перейти к основному содержимому
Об авторе
Проекты
Знания
Знания/HTML/landmarks

Как работают landmarks в ARIA?

СобеседованиеДоступностьСемантика
  • Landmarks — семантические области страницы для навигации
  • Основные роли: banner (шапка), navigation (навигация), main (основной контент), complementary (боковая панель), contentinfo (подвал)
  • Автоматически создаются семантическими тегами:
    • <header> → `banner` (если не внутри <article> или <section>)
    • <nav> → `navigation`
    • <main> → `main`
    • <aside> → `complementary`
    • <footer> → `contentinfo` (если не внутри <article> или <section>)
  • Можно добавлять вручную: <div role="banner"> или <div role="main">
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov