The skip-link component is an internal link at the
beginning of a document that permits users to skip navigational
material and quickly access the document's main content. Skip links
are particularly useful for users who access a document with screen
readers and users who rely on keyboards. This link only becomes
visible when in the focus state.
Must be placed directly after the <body> start
tag.
Important for any complex documents with complex navigation.
<div class="skip-link">
<a href="#content">Skip to content (Press enter)</a>
</div>