The footer provides essential service-level information at the bottom of every page. It typically includes copyright details, licensing information and links to policies such as privacy, terms and conditions and accessibility.

The footer helps users understand the ownership of the service and gives them quick access to key legal and support pages.

{{ aspExample({ code: "", nunjucks: "", json: "", title: "", example: "default", id: "67867df66bf06" }) }}

When to use this component

Use the Footer on every page of your service.

It should be the final element on the page and should consistently include links that help users understand their rights, responsibilities and how their data is handled.

Common links include:

You can add or remove links depending on your service’s needs, but keep the structure consistent throughout the service.

Example of where we have used this component

This component is used on:

This list is not exhaustive.

Status of development

The below criteria all need to be met for a component to be considered as fully developed for use within the ASP Digital Design System.


{{ aspTable({
head: [
{ text: 'Development criteria'},
{ text: 'Status'}
],
rows: [
{
cells: [
{ text: 'WCAG 2.2 compliant'},
{ html: '<span class="asp-status">Not started</span>'}
]
},
{
cells: [
{ text: 'WCAG 2.1 compliant'},
{ html: '<span class="asp-status asp-status–green">Completed</span>'}
]
},
{
cells: [
{ text: 'HTML / Nunjucks version'},
{ html: '<span class="asp-status asp-status–green">Completed</span>'}
]
},
{
cells: [
{ text: 'Figma version'},
{ html: '<span class="asp-status">Not started</span>'}
]
},
{
cells: [
{ text: 'M365 versions'},
{ html: '<span class="asp-status ">Not started</span>'}
]
},
{
cells: [
{ text: 'Documentation'},
{ html: '<span class="asp-status asp-status–yellow">In progress</span>'}
]
}
]
}) }}