Semantics

A landmark containing a collection of navigational elements (usually links) for navigating the document or related documents.

Additional info from the ARIA specification

Assistive technologies SHOULD enable users to quickly navigate to elements with role navigation. user agents SHOULD treat elements with role navigation as navigational landmarks. user agents MAY enable users to quickly navigate to elements with role navigation.

Abstract Role

  • LandmarkRepresents a top-level section of a page, relevant to a specific purpose, that a user may want to scan for quickly and could appear in a site map or table of contents.

Content Categories

  • Flow ContentAn element that structures and organizes the body of a web document.

Allowed Descendants

Flow Children Allowed

No main element descendants allowed.

Usage

Allowed HTML elements

Implicit semantics

These elements have the role semantics by default, without needing to set the role attribute. Reach for elements with native semantics first when choosing how to implement a role in your content.

  • nav

Explicitly allowed

  • section[role=navigation]

Elements that can have any role

  • abbr[role=navigation]
  • address[role=navigation]
  • b[role=navigation]
  • blockquote[role=navigation]
  • canvas[role=navigation]
  • cite[role=navigation]
  • code[role=navigation]
  • custom-element[role=navigation]
  • data[role=navigation]
  • del[role=navigation]
  • dfn[role=navigation]
  • div[role=navigation]
  • em[role=navigation]
  • figure[role=navigation]
  • i[role=navigation]
  • ins[role=navigation]
  • kbd[role=navigation]
  • mark[role=navigation]
  • output[role=navigation]
  • p[role=navigation]
  • pre[role=navigation]
  • q[role=navigation]
  • samp[role=navigation]
  • small[role=navigation]
  • span[role=navigation]
  • table[role=navigation]
  • tbody[role=navigation]
  • tfoot[role=navigation]
  • thead[role=navigation]
  • time[role=navigation]
  • u[role=navigation]
  • var[role=navigation]