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

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

> सभी उपयोगकर्ताओं के लिए site navigation को स्पष्ट और पूर्वानुमेय बनाएँ।

## सर्वश्रेष्ठ प्रथाएं

`<nav>` landmark का उपयोग करें। Link text को descriptive बनाएँ ('About' vs 'Click here')। aria-current के साथ current page को indicate करें। पृष्ठों में consistent navigation। Logical tab order।

## aria-current का उपयोग

Active page को aria-current से mark करें।

```html
<nav>
  <a href="/">Home</a>
  <a href="/about" aria-current="page">About</a>
  <a href="/contact">Contact</a>
</nav>
```

## Accessible dropdowns

Submenus को toggle करने के लिए aria-expanded के साथ `<button>` का उपयोग करें। Navigate करने के लिए arrow keys support करें। Escape से बंद करें।