Navigation boxes – content pattern

We use navigation boxes on landing pages to link to other content on the website.

When to use this pattern

Use this pattern when using navigation boxes to link to content on the website.

The pattern

When linking to advice content, navigation boxes should:

  • link one level down the structure of the website – the website is organised in levels and 'Advice' is at level 1
  • link to the first chapter of a guide
  • use the title of the guide and a short summary explaining what the advice is about

They should not link:

  • across the structure of the website, to something that sits within a different section – for example, linking to something under 'Contracts, pay and wages' from the 'Holiday, sickness and leave' landing page
  • to chapters in the middle of guides – if you find you need to do this, consider splitting out that chapter from the guide
  • to external websites

There are different patterns depending on what type of content you're linking to.

News stories and press releases

Link text: [title of news story or press release]

Description: [content type], [publish date]

For example:

Screenshot of a news and press release box. Link text: Acas issues advice on redundancies. Description: News, 5 August 2020

Acas response

Link text: [name of response]

Description: Response, [publish date]

For example:

Screenshot of an Acas response box. Link text: Acas responds to new legal right for paid parental bereavement leave. Description: Response, 22 January 2020

Blog posts

Link text: [name of blog post]

Description: [short description], Acas blog, [published date]

For example:

Screenshot of a blog box. Link text: The power of the small. Description: Acas head of mental health Francoise Woolley on how focusing on the little things can lead to major cultural change at work. Acas blog, 4 February 2021.

Conferences and events

Make sure that the title makes it clear what it's about, and distinguishes it from news content.

Always include 'book now on our training website' in the link text. This makes it clear to users that the link goes to the training booking website.

If the name of the conference is several words, consider front-loading the title with 'conference'. For example: 'Conference: building a better framework for effective working relationships'.

Make the body text contain a call to action and state:

  • who it's for
  • date and time
  • location – the city or town if it's in person, or 'online' if it's being held online

Link text: [name of conference] – book now on our training website

Description: [short description], [date, time, location / online]

For example:

Screenshot of conference box. Link text: Mental health conference – book now on our training website. Description: Join us and guest speakers as we explore current challenges for workplace mental health. Date, time and location: Thursday 1 December 2022, 9:30am to 12:30pm, online

Acas articles on external websites

On the research and commentary landing pages, we sometimes link to articles that someone from Acas has written on an external website.

Link text: [name of article] – [name of publication] website

Description: [short description], [published date]

For example:

Screenshot of a box linking to an Acas article on an external website. Link text: Managing workplace conflict – Federation of Small Businesses website. Description: Acas Chair Claire Chapman and FSB Chair Martin McTague answer questions on how to handle conflict at work

Things to remember

You should add a full stop in all landing page box descriptions, except when the description is the:

  • date of a news story, press release or blog
  • content type for research and policy papers

The Digital team takes the lead in making sure the items are current. They check with the Communications team for new suggestions to replace outdated promotions if necessary.