Back link
Use a back link to help the user go back to the previous page of a transaction or questionnaire.
When to use this component
Question pages
Always use the back link component on a question page.
Use “previous” as the label when the previous page is a question.
Linear transactions
Use a back link on every page of a linear transaction, if it makes sense to do so.
Research has shown users do not often trust the browser back button when navigating back through transactions, especially after submitting form data in financial transactions.
When not to use this component
Do not use the back link component on a page that:
- contains the breadcrumbs component
- is part of a multi-level hierarchy
How to use this component
The back link reuses the same interface and parameters as the breadcrumbs component.
Always place back links before a page’s <main>
content element.
This allows them to be skipped with the skip to content component.
To ensure the component is placed correctly set breadcrumbs in the pageConfig of the base page template.
Help improve this page
Let us know how we could improve this page, or share your user research findings. Discuss the ‘Back link’ component on GitHub (opens in a new tab)