Landmarks

Landmark elements

<header> (banner), <nav> (navigation), <main> (मुख्य सामग्री, एक बार दिखाई देना चाहिए), <aside> (complementary), <footer> (contentinfo)। स्क्रीन रीडर इन की घोषणा करते हैं और उपयोगकर्ताओं को उनके बीच jump करने देते हैं।

Landmark layout

Landmarks के साथ बुनियादी page structure।

<header>
  <nav>Main navigation</nav>
</header>

<main>
  <article>Page content</article>
</main>

<aside>
  Sidebar or related links
</aside>

<footer>
  © 2024 Company
</footer>

एकाधिक navigation regions

एकाधिक <nav> elements को अलग करने के लिए aria-label का उपयोग करें: <nav aria-label="Main"> vs <nav aria-label="Footer"> आदि।

एकाधिक nav landmarks

एकाधिक nav elements को distinguish करने के लिए aria-label का उपयोग करें