Skip link

To view the skip link component tab to the example, or click inside the preview and press tab.

<a class="asp-skip-link" href="#main">Skip to content</a>
{% from "skip-link/macro.njk" import aspSkipLink %}

{{ aspSkipLink() }}

How it works

This component should follow the leave button (if present) or be the first component within the order of the page.

Status of development

The below criteria all need to be met for a component to be considered as fully developed for use within the ASP Digital Design System.

Development criteria Status
WCAG 2.2 compliant Not started
WCAG 2.1 compliant Completed
HTML / Nunjucks version In Progress
Figma version Not started
M365 versions Not started
Documentation In progress

Published 3 May 2024
Last updated 16 September 2024