The hover state on my button was invisible to my coworker with color blindness

I was showing a dev a new sign-up flow last week and he kept clicking the same button twice because he couldn't tell when it was hovered. Turns out I only changed the color from blue to a slightly darker blue, but to his red-green color blindness it looked exactly the same. I added a subtle underline and a slight scale bump and he said it was way clearer. Has anyone else had to rethink hover states after testing with real users?

2 comments

2 Comments

gavin_mason3112d ago

Did you see that article about how many designers forget to check contrast ratios for different conditions?

grant56912d ago

Yeah that changed my mind. I always just eyeballed it before.