Contents

Open this example (Page not found) in a new tab 

      
<div class="govuk-width-container">
  <main class="govuk-main-wrapper govuk-main-wrapper--l" id="main-content" role="main">
    <div class="govuk-grid-row">
      <div class="govuk-grid-column-two-thirds">
        <h1 class="govuk-heading-l">Page not found</h1>
        <p class="govuk-body">
          If you typed the web address, check it is correct.
        </p>
        <p class="govuk-body">
          If you pasted the web address, check you copied the entire address.
        </p>
        <p class="govuk-body">
          If the web address is correct or you selected a link or button, <a href="#" class="govuk-link">get help with a Regions Group system (opens in a new tab)</a>.
        </p>
      </div>
    </div>
  </main>
</div>

    
      
{% set mainClasses = "govuk-main-wrapper--l" %}

{% block content %}
  <div class="govuk-grid-row">
    <div class="govuk-grid-column-two-thirds">
        <h1 class="govuk-heading-l">Page not found</h1>
        <p class="govuk-body">
          If you typed the web address, check it is correct.
        </p>
        <p class="govuk-body">
          If you pasted the web address, check you copied the entire address.
        </p>
        <p class="govuk-body">
          If the web address is correct or you selected a link or button, <a href="#" class="govuk-link">get help with a Regions Group system (opens in a new tab)</a>.
        </p>
    </div>
  </div>
{% endblock %}

How it works

This is based on the page not found pattern in the GOV.UK Design System, but with specific wording for Regional Services Division products.

The page should have:

  • ‘Page not found – System name’ as the page title. For example, Page not found - Manage free school projects
  • ‘Page not found’ as the H1
  • 'get help with a Regions Group system (opens in a new tab)' as the link text. This links to a Microsoft Form where users can request help
WCAG 2.2

You must always write contact information in a clear and consistent way across ‘Page not found’ and similar service error pages. This relates to WCAG 2.2 success criterion 3.2.6 Consistent Help.

Research on this pattern

We have not done research on this pattern, but it is being used in Manage free school projects to meet this need from our user needs database (opens a DfE Microsoft List):

User need 72: when I am having trouble using the system, I need to get help so that I can resolve my issue and get back to work.

Contribute to this page on GitHub