Component: skip links

Links to be placed at the top of a <body> element to allow users with non-visual browsers to skip to content or access other important links quickly.

Example HTML

<div class="skip-links">
    <h2 class="skip-links__title">Accessibility links</h2>
    <ul class="skip-links__listelement">
        <li class="skip-links__listelement"><a class="skip-links__link" href="#page-content">Skip to content</a></li>
        <li class="skip-links__listelement"><a class="skip-links__link" href="/accessibility/">Accessibility help</a></li>
    </ul>
</div>