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 करें।

<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 से बंद करें।