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.