Include a skip navigation link

Skip links save keyboard and screen reader users from tabbing through 50+ navigation items on every page visit—turning a frustrating experience into an efficient one.

Quick Reference

• Add a 'Skip to main content' link as the first focusable element
• Hide visually but show on focus with CSS
• Link to main content using id='main-content'
• Test by pressing Tab immediately after page load

Check

Verify that a 'Skip to main content' link is present and functional at the beginning of the page.

Fix

Add a visually hidden skip link that becomes visible on focus and links to the main content area.