Component Library

Error suggestion

Issue Description

The user is not notified of error validation or presented with suggestions.

Recommendation

  • Your forms identify input errors. When the error is missing a required field, communicate this to the user with a text suggestion.
  • If the error is in the format of the input, the suggestion shows the correct format (for example, The date must be in the form DD/MM/YYYY).
  • If the error is because the input needed to be from a limited list of values, provide these values and explain them.
  • The "Errors on top" approach displays the error message above the form

https://webaim.org/techniques/formvalidation/