Skip to main content link – Code examples

Having a skip to content on your website helps keyboard and screen users reach your content more easily.

The skip link allows users to skip past the repetitive header with navigation links to reach the main pages purpose which is the content.

See an example below of how to implement your own into your website.

HTML

<a class="skip-link screen-reader-text noscroll" href="#content">Skip to content</a>

CSS

.screen-reader-text {
display: block;
}