# Navigation accessibility — Web Accessibility (A11y)

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

> Make site navigation clear and predictable for all users.

## Best practices

Use `<nav>` landmark. Make link text descriptive ('About' vs 'Click here'). Indicate current page with aria-current. Consistent navigation across pages. Logical tab order.

## Using aria-current

Mark the active page with aria-current.

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

## Accessible dropdowns

Use `<button>` with aria-expanded to toggle submenus. Support arrow keys to navigate. Close with Escape.