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>