2.2.2 - Skip Navigation
Source: molecules/_skip-navigation.scss, line 33
Tab from here to reveal the skip navigation.
This navigation is needed for accessibility reasons. It allows the users using screen readers to go directly to the main content
- https://www.w3.org/TR/WCAG20-TECHS/G1.html
- https://a11yproject.com/posts/skip-nav-links/
Example:
<div id="skip-navigation">
<a href="#main-content">Skip to content</a>
<a href="#">Skip to navigation</a>
<a href="#">Accessibility settings</a>
</div>