Component
Back link
A link used to help users get back, useful when not using other navigation such as breadcrumbs
How it looks (preview) (preview all)
How to call this component
<%= render "govuk_publishing_components/components/back_link", {
href: "#"
} %>
GOV.UK Design System
This component incorporates components from the GOV.UK Design System:
Accessibility acceptance criteria
- has a touch area easy for users to touch
Links in the component must:
- accept focus
- be focusable with a keyboard
- be usable with a keyboard
- indicate when they have focus
- change in appearance when touched (in the touch-down state)
- change in appearance when hovered
- be usable with touch
- be usable with voice commands
- have visible text
- have meaningful text
Other examples
Custom text (preview)
<%= render "govuk_publishing_components/components/back_link", {
text: "Back to document list",
href: "#"
} %>
With data attributes (preview)
<%= render "govuk_publishing_components/components/back_link", {
href: "#",
data_attributes: {
tracking: "GT-1234"
}
} %>