🖋️
Web Accessibility Resources
  • Web Accessibility
  • Cheat Sheets
    • Structure and Semantics
      • Page Title
      • Language
      • Headings
      • Landmarks
      • Lists
      • Tables
      • Iframes
      • Markup Validity
      • Other Semantic Elements
    • Links & Navigation
      • Links
      • Site Navigation
      • Within-Page Navigation
      • Reading Order/Focus Order
    • Images & Visual Design
      • Images
      • Color & Contrast
      • Text Styles, Resize, Reflow, and Zoom
      • Visual Cues
      • Adaptive and Responsive Output
    • Multimedia, Animations, and Motion
      • Audio and Video
      • Animation, Motion, and Timed Content
    • User Input, Forms, and Dynamic Content
      • Device-Independent User Input
      • Form Input, Labels, and Instructions
      • Form Validation and Feedback
      • Dynamic Content (JavaScript, AJAX)
      • Custom Widgets (JavaScript, ARIA)
      • CAPTCHA
    • Keyboard Commands
  • Semantic Group Labels
Powered by GitBook
On this page

Was this helpful?

  1. Cheat Sheets
  2. Links & Navigation

Site Navigation

PreviousLinksNextWithin-Page Navigation

Last updated 5 years ago

Was this helpful?

Topic

Technique

WCAG AA Requirement

Consistency

Consistent Navigation Patterns: Navigation patterns that are repeated on web pages MUST be presented in the same relative order each time they appear and MUST NOT change order when navigating through the site.

Required

Consistent Identification: Elements such as labels, names, and text alternatives for content that have the same functionality across multiple screens must be consistently identified.

Required

Multiple ways

Multiple ways: Multiple ways must be available to find other web pages on the site — at least two of: a list of related pages, table of contents, site map, site search, or list of all available web pages.

Required

Navigation lists

Markup: A navigation list SHOULD be designated with the <nav> element or role="navigation". See also landmarks.

best practice

Visible "you are here" indicator: A navigation list SHOULD include a visible method of informing users which page within the navigation list is the currently active/visible page.

best practice

Non-visual "you are here" indicator: A navigation list SHOULD include a method available to assistive technologies of informing non-visual users which page within the navigation list is the currently active/visible page.

best practice

WCAG 3.2.3
WCAG 3.2.4
WCAG 2.4.5