Skip to main content Skip to list of components
Beta

This is a new service – give us your feedback to help improve it.

Components

Skip link

Use the skip link at the start of a page to allow the user to jump straight to the most important content.

Contents

  1. Status
Open this example in new tab

HTML 

To view the skip link component tab to this example, or click inside this example and press tab.
<a href="#main-content" class="tna-skip-link" data-module="tna-skip-link">
  Skip to main content
</a>

Nunjucks

Nunjucks options
Primary options
Name Type Description
text string
href string
classes string

Classes to add to the skip link.
attributes object

HTML attributes (for example data attributes) to add to the skip link.

 
{% from "nationalarchives/components/skip-link/macro.njk" import tnaSkipLink %}


  

    To view the skip link component tab to this example, or click inside this example and press tab.
  
{{ tnaSkipLink({
}) }}

Status

Status
In development
Tested without CSS
Yes
WCAG 2.2 AA compliant
In development
Analytics integrated
In development
Documentation complete
No

Back to top