Skip to main content

Examples

Skip to main content is a component which allows users who navigate using keyboard entry to skip the menu and header information and go straight to the main content part of a web page.

Usage

For individuals using screen readers or keyboard navigation, navigating through a website's header, navigation menu, and other repetitive elements on every page can be time-consuming and frustrating. The "skip to main content" link allows them to jump directly to the primary content of the page, facilitating a more efficient and user-friendly experience.

This should always be included as part of the master template.

Do:

• make sure it appears on every page
• make sure that the link is accessible and usable via keyboard navigation, and that it follows a logical tab order
• test the skip link with popular screen readers to ensure it functions as expected and provides a smooth experience for users with disabilities

Avoid:

• having multiple skip links that go to different destinations on the page skipping to the main content should be sufficient
• ignoring user feedback, if users report issues with the skip link, address them promptly to ensure a positive user experience

References

Web Accessibility in Mind
Skip Navigation Links