Accessible navigation: clearer for every visitor

Key takeaways

Accessible navigation works for people using keyboards, screen readers, magnification and voice control, and it is clearer for everyone else too. WCAG 2.2 sets the checks: a way to skip repeated menus, consistent navigation, descriptive links, visible focus and more than one way to find pages. WebAIM found empty links on 46.3% of top home pages in 2026.

• Empty links appeared on 46.3% of top home pages (WebAIM, 2026).
• Only 17.1% of top home pages had a skip link (WebAIM, 2026).
• Every menu must work with a keyboard, with visible focus.
• Consistent menus and descriptive links help every visitor.

What is accessible navigation?

Accessible navigation is navigation that disabled people can perceive, operate and understand, whatever device or assistive technology they use. It follows the Web Content Accessibility Guidelines (WCAG) 2.2, published by the W3C. In the UK, the Equality Act 2010 requires service providers to make reasonable adjustments, and WCAG is the usual benchmark.

• How clear website navigation improves user experience
• Website accessibility for UK businesses

Which WCAG criteria apply to navigation?

Several WCAG 2.2 success criteria apply directly to menus and links. Most sites can check them without specialist tools.

• 2.4.1 Bypass Blocks: a way to skip repeated menus.
• 2.4.4 Link Purpose: link text that makes sense in context.
• 2.4.5 Multiple Ways: more than one way to find a page.
• 2.4.7 Focus Visible: a visible focus indicator.
• 2.4.11 Focus Not Obscured: focus not hidden by sticky bars.
• 3.2.3 Consistent Navigation: menus in the same order on every page.
• 1.4.13 Content on Hover or Focus: dropdowns that can be dismissed and stay open.

• Skip links: let keyboard users jump past the menu
• Keyboard accessibility: can your site work without a mouse?

Why does accessible navigation help everyone?

The fixes that help disabled visitors help everyone. Descriptive link text helps people scanning a page. Consistent menus help anyone who visits more than one page. Large, well-spaced targets help people on phones. Visible focus helps keyboard users and people in a hurry. Accessibility and usability overlap almost entirely in navigation.

What are the most common navigation failures?

WebAIM's 2026 analysis of the top one million home pages found empty links, which have no text for screen readers, on 46.3% of pages, and a skip link on only 17.1%, with about one in ten of those broken. Other common failures are dropdowns that only open on hover, invisible focus outlines and icon-only links.

• How screen reader users navigate your site

Will an accessibility overlay fix navigation?

No. Overlay widgets add a toolbar but do not fix the underlying code, and they can interfere with the assistive technology disabled people already use. Fix the menu itself: real links, keyboard support, visible focus and clear labels.

• Accessibility overlays: why a widget will not fix your site

What does this look like in practice?

A pattern we see: a site's dropdown menu opens only on mouse hover, the focus outline has been removed for looks and the social icons are links with no text. Keyboard and screen reader users cannot reach the services. Making the dropdown open on Enter, restoring the focus outline and adding hidden text labels fixes all three.

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

Accessible navigation checklist

• Add a working skip link.
• Make every menu work with Tab, Enter and Escape.
• Keep a visible focus outline.
• Give every link, including icons, a text name.
• Keep the menu in the same order on every page.
• Offer search or a sitemap as a second way to find pages.

• Website navigation myths that make sites harder to use
• Does website navigation affect SEO?

Next step

Unplug your mouse and try to reach your contact page using only the keyboard.