Main content

navigation

Characteristics

Superclass Role:

  • landmark

Related Concepts:

  • nav element

Inherited States and Properties:

  • aria-atomic
  • aria-busy (state)
  • aria-controls
  • aria-describedby
  • aria-disabled (state)
  • aria-dropeffect
  • aria-expanded (state)
  • aria-flowto
  • aria-grabbed (state)
  • aria-haspopup
  • aria-hidden (state)
  • aria-invalid (state)
  • aria-label
  • aria-labelledby
  • aria-live
  • aria-owns
  • aria-relevant

Name From:

  • author

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

Navigation role is a landmark role. The navigation (role) is assigned to the portion of the page which provides the navigational elements. A navigation role is similar to the < nav> tag of HTML 5.

Sometimes websites may have more than one navigational panels. In such scenarios, we can have navigation roles for both panels and differentiate them with aria-label property.

User agents should treat elements with the role of navigation as navigational landmarks.

Syntax

<div aria-label="primary" role="navigation">
Navigation panel goes here
</div>
More in this category: « note menuitemradio »