Hardware FixRecommendedDevice not working? Your driver may be the problemCheck updates for common hardware issues.Fix DriversOctober DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsSlow PC?RecommendedPC slow today? Run a repair scan before it gets worseResolve common Windows issues and optimize system performance.Scan Now×
Skip to content
World desk7 min

Contextual Navigation: A Guide to Better UX (With Examples)

Contextual navigation connects readers to pages related to their current location. Here is how local navigation, inline links, breadcrumbs, and follow-up links differ, with examples and accessibility rules.

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Contextual navigation is a set of links that changes with where a person is in a site, pointing to destinations related to the current page, section, or task instead of the whole site. Nielsen Norman Group uses the narrower term local navigation for its most common form: a set of sibling pages in the current category, plus children or nearby descendants where they exist. Use contextual navigation when readers need to move sideways or downward within the part of the site they are already in. Keep global navigation for stable, site-wide destinations, and do not assume every page needs a local menu.

What contextual navigation means

The phrase covers several different interface patterns, and they are easier to design well when kept apart. Nielsen Norman Group’s documented definition applies specifically to local navigation: a menu that shows the current page’s neighbors in the information hierarchy and, where relevant, the pages beneath it. Inline links to related material and links to follow-up actions are also context-aware, but they are separate components with separate jobs.

Two needs make contextual links valuable. The first is orientation, answering “where am I?” The second is wayfinding, answering “where can I go from here?” Deep sites benefit most from the second, because a reader who arrives on a detailed page through search may have no route to the rest of its section.

How it differs from global navigation and breadcrumbs

The four context-aware patterns in this article answer different questions, so they should not be treated as interchangeable.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Pattern Scope Question it answers Main trade-off
Global navigation Whole site, same on most pages “What are the major areas of this site?” Occupies permanent space and cannot show the detail of every branch.
Local navigation Current category and its neighbors “What else is in this section?” Depends on a clear hierarchy and becomes unwieldy when the branch is large.
Breadcrumb or parent link Position within the hierarchy “Where does this page sit in the structure?” Shows a path back up, not the alternatives beside the page.
Inline contextual link One related concept or resource “Where can I read more about this term?” Works only when the surrounding sentence gives the link its meaning.
Follow-up action link A task that continues from the current content “What can I do next about this?” Must be labeled as navigation or as a command, depending on what it does.

Global navigation tells people what the site contains. Local navigation tells them what the current branch contains. Breadcrumbs tell them where they stand. Inline and follow-up links carry the reader from one piece of content to a specific next step.

Examples of contextual navigation

Local section navigation

A section menu shows the current page alongside its siblings in the same category. In a site hierarchy example published by Nielsen Norman Group, a “HR and People” page sits beside “Supply Chain Management,” “CRM and Customer Experience,” and “Network Management.” The local menu reflects the branch the reader is in, while the global navigation stays the same across the site. The local menu should look subordinate to the global one so the interface signals its narrower scope. The source illustrates this hierarchy but does not set a universal visual specification, so treat the exact styling as a design decision for your own system.

Source: Nielsen Norman Group, “Local Navigation Is a Valuable Orientation and Wayfinding Aid”.

Inline contextual link

When body copy explains a concept, link the concept name or a descriptive phrase to the related page. The W3C’s example uses a sentence about the Medieval period in which that phrase is the link. The link wording tells readers what they will reach. If a link needs more explanation to make its purpose clear, place that text in the same sentence, paragraph, list item, or table cell, and programmatically associate it with the link. Context that comes before the link is generally easier to use than context that follows it.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Breadcrumb or parent-location link

A breadcrumb trail exposes a page’s position in the hierarchy, and a link to a parent or department page helps a reader who arrived deep in a site find their footing. W3C lists both as ways of making location information available, which is covered in the accessibility section below.

Follow-up action in the original context

Jakob Nielsen’s 2004 article “Situate Follow-Ups in Context” recommends placing follow-up information where the reader first encountered the original information or transaction. In one example he describes, users who wanted to cancel a course looked for that action on the course page where they had registered. In another, people shopping for a fountain pen looked for compatible refill cartridges on the pen’s product page rather than in a separate supplies area. These are observations reported in the article, not tests run for this guide, and they describe patterns Nielsen recommended rather than a measured lift in task success.

Source: Jakob Nielsen, “Situate Follow-Ups in Context,” Nielsen Norman Group, 2004-12-19.

When contextual navigation helps and when it does not

Contextual navigation earns its space when a reader is likely to want the next step from the current location. It is less useful in three situations:

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
  • Small information spaces. A prominent local menu on a site with a handful of pages may add visual cost without helping people find anything they could not already reach.
  • Very large branches. A local menu that lists dozens of siblings or several levels of descendants becomes a second navigation system competing with the content. In deep structures, inline links or a breadcrumb trail are often lighter alternatives.
  • Pages whose related content is unrelated to the page’s category. Forcing unrelated destinations into a local menu makes the menu less trustworthy.

No measured benefit figure for contextual navigation appears in the Nielsen Norman Group or W3C guidance cited here. The case for it rests on usability reasoning, documented examples, and accessibility requirements, not on quantified improvements in conversion or task completion. Test the pattern on your own site before treating it as a proven gain.

Practical design guidance

  • Match the pattern to the question. Use global navigation for stable major destinations and local navigation when the reader benefits from seeing the current category and its neighbors.
  • Keep the local set compact. Show closely related destinations rather than a sprawling list of everything beneath the section.
  • Write link text that names the destination. Avoid vague labels that depend on distant text. When links lead to different destinations or serve different purposes, give them different text.
  • Place next steps near the content that raises them. This matches the mental model the NN/G follow-up examples describe.
  • Separate navigation from commands. Nielsen Norman Group’s “Command Links” article (dated 2007-05-13) explains that websites mainly move people through information, while applications often change data state, and it recommends buttons for primary commands. A link such as “Read the related policy” moves the reader, so it can be a link. “Cancel my registration” changes something, so it should be designed and labeled as a command.

Source: Nielsen Norman Group, “Command Links,” 2007-05-13.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Accessibility requirements

Two WCAG 2.1 success criteria apply directly to contextual links, and they sit at different conformance levels.

Link Purpose (In Context), Success Criterion 2.4.4, Level A

A link’s purpose must be determinable from its link text alone, or from the link text together with programmatically determined link context, unless the purpose would be ambiguous to users in general. The W3C’s explanation of the intent reads: “The intent of this Success Criterion is to help users understand the purpose of each link so they can decide whether they want to follow it.” Context can sit in the same sentence, paragraph, list item, or table cell, and it is most usable when it comes before the link. The W3C also treats different destinations as deserving different link text.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Source: W3C WAI, Understanding Success Criterion 2.4.4: Link Purpose (In Context).

Location, Success Criterion 2.4.8, Level AAA

Information about a user’s location within a set of pages must be available. The W3C cites breadcrumbs and links to higher-level pages as examples. Because 2.4.8 is a Level AAA criterion, describe it as an enhanced target rather than a baseline requirement. Breadcrumbs support it but do not replace clear link names or meaningful page structure.

Source: W3C WAI, Understanding Success Criterion 2.4.8: Location.

Choosing the right pattern

  1. Ask whether the destination belongs on every page. If yes, put it in global navigation and stop.
  2. If the reader needs the neighbors of the current page, add local navigation, but only if the branch has enough siblings to justify a menu and is organized clearly enough for a reader to scan.
  3. If the link explains a term or points to supporting material, place it inline and write the link text so it still makes sense on its own.
  4. If the reader is likely to act next, place the follow-up beside the content or transaction that prompted it. Label navigation as navigation and commands as commands.
  5. Check the result against the WCAG 2.4.4 test: could a reader tell where each link goes from its text and immediate context alone?

Contextual navigation is most useful when it reduces the number of wrong guesses a reader makes. It is less useful when it adds a second menu to a site that already makes its structure clear.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
PC Slower Than It Used to Be?Free scan - under a minute
Outdated Drivers Are Slowing You DownFree scan - exact matches

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.