# Landmarks — वेब एक्सेसिबिलिटी (A11y)

Source: https://www.geekswithgeeks.com/hi/accessibility/a11y-landmarks

> उपयोगकर्ताओं को नेविगेट करने और पृष्ठों के चारों ओर छोड़ने में मदद करने के लिए semantic regions का उपयोग करें।

## Landmark elements

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

## Landmark layout

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

```html
<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 का उपयोग करें