Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Contents links #115

govuk-design-system opened this issue Jan 15, 2018 · 3 comments

Contents links #115

govuk-design-system opened this issue Jan 15, 2018 · 3 comments


Copy link

@govuk-design-system govuk-design-system commented Jan 15, 2018

Also known as: Jump links, in-page navigation


A list of navigation links to the headings on a page or the pages in a guide on GOV.UK:



  • is this component needed on multiple services on GOV.UK?
  • does the component meet the needs that it's intended to?
  • is there already something in the Design System that meets these needs?

Anything else

@govuk-design-system govuk-design-system created this issue from a note in GOV.UK Design System Community Backlog (Proposed) Jan 15, 2018
Copy link

@ignaciaorellana ignaciaorellana commented Jan 19, 2018

Here is a version from GOV.UK Publishing Components GOV.UK Publishing Component guide: Contents list

@joelanman joelanman changed the title Content list Contents links Feb 13, 2018
@timpaul timpaul added the candidate label Apr 18, 2018
@timpaul timpaul added component and removed candidate labels May 21, 2018
Copy link

@ashleyanderton ashleyanderton commented Dec 4, 2018

Over on Explore careers we've been working on something similar. We started on this before the Content links pattern was added to the backlog so our starting point was more of a basic content list (something we had used on our original service), AB research and final design shown below.

Copying from issue 176

  • We tested a designed version of our anchor (content) links and in a lab environment users found them very useful. They currently have an engagement of around 5% on our BETA service vs 3% for the original.

  • The overall need for anchor links was obtained via qualitative lab tests. The design for the jump links themselves were then AB tested on our live service with multiple variants. The current design was decided based on its increased engagement along with a lack of distraction from the content on the page.

A working example of jump links can be found on the BETA Explore careers website, part of the National Careers Service

A summary of the research performed along with the results of AB tests can be found on the following google doc:

Copy link

@frankieroberto frankieroberto commented Dec 4, 2019

HTML publications on GOV.UK (see example) use a different pattern:

Screenshot 2019-12-04 at 12 17 45

In this case, the list is marked up as a <ol> within a <nav>, with the numbers included within the <a> link text, rather than being auto-generated via CSS.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
5 participants