010 — Don't rely on color to convey the error message

by Óscar Otero

2 min read

Nobody can refuse that the color for errors is red. It's a universal code that everybody understands. Well, not everybody. Relying only on colors to transmit an error is an accessibility issue because color blink people won't see it.

In the following example, the input to insert the email is in red, to indicate that the value is not valid:

People that can't perceive correctly the red color won't notice where's the error because will see the form like this:

Always include a text and/or an icon to indicate where's the error:

This value is not correct

More info

Written by human