Skip to main content
Components

Feedback

The feedback component invites user feedback on the current page they are on.

When to use this component

This component existing on all pages across GOV.UK.

How it works

There are multiple journeys in this component:

  • Users say ‘yes’ the page is useful and get the response ‘Thank you for your feedback’.
  • Users say ‘no’ and it opens to allow the user to enter their email address where they will be able to input their email address to receive a feedback form.
  • Users say ‘Report a problem with this page’ and we ask them ‘what were you doing?’ and ‘what went wrong?’.

This component is designed to sit at the bottom of pages on GOV.UK to allow users to submit feedback on that page.

This component uses JavaScript for expanding and collapsing and also for submitting form responses.

View this component and all its variations in the Component Guide (open in a new tab).

Accessibility criteria

The form must:

  • be functional and accessible with JavaScript disabled
  • be usable and accessible with stylesheets disabled

Form elements in the component must:

  • accept focus
  • be focusable with a keyboard
  • be usable with a keyboard
  • be usable with touch
  • indicate when they have focus
  • be recognisable as form input elements
  • have correctly associated labels
  • be of the appropriate type for their use, e.g. password inputs should be of type password

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

How to report an issue

If you happen to come across an issue:

  1. Report it on Github (opens in a new tab).
  2. Once the issue has been added, update this document by adding the title and Github Issue's link.
  3. Give yourself a high-five.

Help improve this component

To help make sure that this page is useful, relevant and up to date, instructions on how to contribute can be found on the GitHub repository (opens in a new tab).