Navigation

Navigation Drawer

Modal side navigation surface for destinations and supporting content.

Navigation Drawer

Accessibility by default

Semantics, focus, and state announcements must match the real task.

  • Accessible name

    Provide visible text or an explicit aria-label when visual content is not enough.

  • Keyboard and focus

    Keep natural DOM order and preserve focus-visible treatment.

  • State

    Disabled, loading, selected, and open states must stay synchronized with the model.