Errors handling in form components

We help the user by making our designs positive and obvious. Design it make it easy to do right and difficult to do wrong, as they say.

This is a collection of how user errors in form components should work.

Short description

Even if the user is guided, it is possible to make errors. This section deals with how the user finds out that there was a mistake made and how they can correct it.

When and how to use it

If the user still makes errors, help them with error messages:

  • Use colours to alert
  • Make sure the text is clear, kind and helpful
  • Stay until the error is corrected. Don't go to the next page.


Do's and don'ts


Radio buttons

More about Radiobuttons



More about Checkboxes


Input fields

More about Input fields



User errors, desktop


User errors, mobile