Probation components

PDS footer

Status: Official

Updated in November 2025.

How to use ‘official’ components

Components with an ‘official’ status have had a full, multidisciplinary team review. Read about all the Design System statuses.

The PDS footer component is used for services on the Probation Digital Services (PDS) platform, and contains links to statements such as accessibility and cookies.

Overview
How to use
Examples
Get help and contribute

Open this example in a new window

Before using this component in production, check the readme file in the Probation Digital Services GitHub repository for instructions on how to implement it.

<footer class="probation-common-footer govuk-!-display-none-print" role="contentinfo">
  <div class="govuk-width-container">
    <div class="govuk-grid-row">
      <div class="govuk-grid-column-full">
        <div class="probation-common-footer__support-links">
          <h2 class="govuk-visually-hidden">Support links</h2>
          <ul class="probation-common-footer__inline-list">
            <li class="probation-common-footer__inline-list-item">
              <a class="probation-common-footer__link" href="#/accessibility">Accessibility</a>
            </li>
            <li class="probation-common-footer__inline-list-item">
              <a class="probation-common-footer__link" href="#/cookies-policy">Cookies policy</a>
            </li>
            <li class="probation-common-footer__inline-list-item">
              <a class="probation-common-footer__link" href="#/privacy-policy">Privacy policy</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</footer>

Before using this component in production, check the readme file in the Probation Digital Services GitHub repository for instructions on how to implement it.

Nunjucks macro options

Container

Name	Type	Required	Description
baseUrl	string	Yes	Base URL for the probation API.

Warning: If you’re using Nunjucks macros in production be aware that using HTML arguments, or ones ending with .html can be at risk from cross-site scripting attacks. More information about security vulnerabilities can be found in the Nunjucks documentation.

{%- from "moj/components/domain-specific/probation/footer/macro.njk" import pdsFooter -%}

{{ pdsFooter({
  baseUrl: '#'
}) }}

Overview

The PDS footer sits at the bottom of every page in services on the Probation Digital Services (PDS) platform, and contains links to accessibility, cookies, and privacy policies.

How to use

If you have an accessibility statement published

Before implementing the footer, email a copy of your accessibility statement to design-system@justice.gov.uk.

It will be reviewed, converted to Markdown and uploaded to the Probation Digital Services GitHub repository.

To update your accessibility statement

You can submit a pull request with the updated content to the Probation Digital Services GitHub repository, or email your content changes to design-system@justice.gov.uk.

The Design System team will send out an annual reminder to do an accessibility review and update your accessibility statement if necessary.

The Probation Digital Services GitHub repository contains a readme file with instructions on how to implement the component in your service.

Examples

The PDS footer in Manage People on Probation, showing the links to accessibility, cookies, and privacy policies.

An MoJ webpage showing the PDS footer in Manage People on Probation

Get help and contribute

Get help

You can contact the MOJ Design System team for help or support using this component.

Help improve this component

The MOJ Design System team would like to hear:

how you have used this component in your service
any feedback you have about its usage, for example accessibility or ideas for improvement

Add these comments to the PDS footer discussion on GitHub.

PDS footer