HTML EXAMPLE · WORKING REFERENCE

Create Accessible Navigation

Navigation landmark ko descriptive label aur clear link text ke saath structure karo.

Working code

<nav aria-label="Main navigation">
  <ul>
    <li><a href="/">Home</a></li>
    <li><a href="/learning">Learning</a></li>
    <li><a href="/examples">Examples</a></li>
  </ul>
</nav>
Run Code ▶

Preview

How it works

<nav> assistive technology ko navigation landmark provide karta hai.

aria-label useful hota hai jab page par multiple navigation regions hon. Descriptive link text destination ko understandable rakhta hai.

Try Yourself

<nav aria-label="Tutorial navigation">
  <a href="/learning">All Tutorials</a>
  <a href="/examples">Code Examples</a>
</nav>

Learn this concept

Read related HTML Tutorial →