The <nav> element wraps lists of links and buttons, giving context to people using a screen reader about the meaning of content inside.

Annotations for navigation landmarks

  • Annotate the container as <nav> or role="navigation"
  • Each navigation landmark must have a name
    • Main <nav> aria-label="main"
    • Breadcrumbs <nav> aria-label="Breadcrumbs"
    • Categories <nav> aria-label="Categories"
    • Footer site map <nav> aria-label="Site map"

Related navigation landmark entries