WCAG 3.2.3: Consistent Navigation

Back to all WCAG criteria

OVERVIEW

Effort:

  • Complexity:Easy
  • Duration:Fast

Important for:

Design

What's it about?

Recurring navigation mechanisms should remain consistent across all pages. Main menus, breadcrumbs, or footer links should always appear in the same place and function the same way.

Text on the image says: Navigation isn't at the same place! Below it are two web pages, one showing the navigation at the top and the other showing the navigation at the bottom.

How to

Depending on your situation, you can implement one of the following options to meet the criterion. For a deeper dive, please refer to the linked WCAG techniques.

  • Consistent placement

    Navigation components should appear in the same place on every page, and the order of links within a menu should remain consistent. Additional sub-links may be added or removed as long as the existing order of the main links stays unchanged.

    Example: A navigation menu. When clicking the “Services” menu item, you land on a subpage where additional links to individual services appear. When navigating away from that page, the service links disappear again. However, the rest of the menu items always remain in the same order.

    Text on the image says: Navigation isn't at the same place! Below it are two web pages, one showing the navigation at the top and the other showing the navigation at the bottom.

    Notes

    • Exception: Process pages

      Multi-step flows such as checkout, registration, or quizzes can be treated as their own sections. In these areas, the navigation may differ from the rest of the site — for example, through buttons like “Back” and “Next” to guide users step by step through the process.

      Illustration of a glowing light bulb with a friendly, smiling expression.

          Create accessible designs?

          Our workshop for designers!

          Learn everything you need to know as a designer to create accessible design systems for digital products and entire brands.

          Learn more about the workshop
          Four principles of the Web Content Accessibility Guidelines: Perceivable – a red triangle holding a magnifier. Operable – a yellow circle with question marks overhead. Understandable – a green rectangle looking confused at a screen. Robust – a blue square wearing sunglasses and holding a keyboard.

          Learn accessibility with us?

          Looking to implement WCAG best practices in your design, development, or content workflow? Book a workshop for your team or contact us directly to learn more.

          Send us an email!