Error message - make Colour Blind / Color Blind friendly

Please consider adding an image / dashicon to the generic error message “This field is required”

e.g
(!) This field is required

We have colour / color blind users that can’t see the red around the default error message and this would greatly help them.

{… Worldwide, there are approximately 300 million people with colour blindness, almost the same number of people as the entire population of the USA! …}

Hi @HappyDays - I think that’s a good suggestion. I do not see that in the 2.5 beta which is out now, so I don’t think that is going to make it in to this release. However, the validation message container had a class of gfield_validation_message so you could do something like this. You can add this CSS to your theme (or child theme) stylesheet or via the Appearance Customizer (Appearance > Customize > Additional CSS):

div.gfield_validation_message::before {
  content: "\26A0 ";
}

It looks like this on my site for one field:

(I had changed the custom validation message to “This is an error” already)

The color can be changed with CSS as well, but maybe the icon before the message will work for you?

2 Likes