Consistent navigation: same menu, same place, every page

Key takeaways

Consistent navigation means the main menu appears in the same place, with the same items in the same order, on every page. Visitors learn it once and stop thinking about it. WCAG 2.2 success criterion 3.2.3 requires it at level AA. Sites break it quietly through landing page templates, blog themes and separate mobile menus.

• Same menu, same position, same order on every page.
• WCAG 2.2 success criterion 3.2.3 requires it at level AA.
• Blog templates and landing pages often drift from the main menu.
• Adding items is fine; reordering or renaming is not.

Why does consistent navigation matter?

Visitors build a picture of a site from the first page they see. If the menu moves, changes order or changes labels, they have to re-learn it. Nielsen Norman Group's heuristic on consistency and standards says users should not have to wonder whether different words, situations or actions mean the same thing.

• How clear website navigation improves user experience
• Nielsen's usability heuristics, applied to navigation

What does WCAG 2.2 require?

WCAG 2.2 success criterion 3.2.3, Consistent Navigation, says navigation repeated on multiple pages must appear in the same relative order each time, unless the user changes it. Items can be added or removed, such as a section menu, but the shared items must keep their order. It particularly helps people with low vision and cognitive disabilities.

• Accessible navigation: clearer for every visitor

Where does navigation become inconsistent?

Inconsistency usually creeps in through templates added at different times, by different people or on different tools.

• The blog uses an older theme with a different menu.
• Landing pages built in a separate tool.
• A shop or booking system on a subdomain with its own header.
• Mobile and desktop menus maintained separately.
• Labels changed on some pages but not others.

• Mobile and desktop menus: keep the two in step
• Consistent wording: call each thing by one name

Can navigation ever change between pages?

The main menu should not, but supporting navigation can. Section menus appear only within their section, and checkout or booking flows often simplify the header to reduce distraction. Keep the logo link and a route to help in those flows, so visitors are never trapped.

• Should landing pages have navigation?

How do you check consistency?

Open one page of each template: homepage, service page, blog post, landing page, shop, booking and contact. Compare the menus side by side on desktop and phone. Any difference in items, order, labels or position is a fix to make in the template, not on individual pages.

What does this look like in practice?

A pattern we see: a firm's booking system runs on a third-party subdomain with a different header and no link back to services. Visitors who click 'Book' feel they have left the site. Matching the booking page header to the main site and adding a link back restores the feeling of one site.

• See client work
• Website Design & Development for UK businesses

Consistency checklist

• List every page template and external system.
• Compare menus on desktop and phone.
• Fix differences in the template.
• Match booking and shop headers to the main site.
• Keep a logo link and help route in simplified flows.

• 'You are here': show visitors where they are
• What makes website navigation clear? Five qualities

Next step

Screenshot the header of five different templates on your site and line them up.