Error reporting and validation

Top of the page summary

Errors should appear at the top of the page with links and a error description to the form element in question. This makes it easy for a user to understand where the problem is, and allows them to scroll diirectly to the field/area where there is an error.

Sorry, there is an issue with what you have entered

The following fields have been incorrectly completed

Note: Aria role=group and aria-labelledby="selected-id" should be added to the container to ensure screen readers can understand what the heading in this box is for.

Highlighting errors

  • Error messages should also be presented inline.
  • The erroneous field should be highlighted.
  • Write a message that helps the user to understand why the error occurred and what to do about it.