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
aria-labelledby="selected-id" should be added to the container to ensure screen readers can understand what the heading in this box is for.
- 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.