Every page should have a link at the top that allows website visitors to bypass navigation and quickly access the main content. This is particularly helpful for website visitors with screen readers, as well as those using only keyboard functionality, enabling them to get to the page's main content without having to navigate through the site's structure.
It is especially important for sites that have a lot of pages or contain a mega menu with many links. Without the ability to skip the navigation, website visitors using screen readers may become frustrated and leave without accessing the content they intended to read.
This link does not need to be visible to users who don't need to use it, so use CSS to hide the link and only display it when in focus.
Below you'll find a screenshot of a page from a sample blog site. If you visit the actual site, and immediately hit "tab", you'll see this option appear at the top of the page.
