Hover/Focus issue with Colour Blind Filters (Full Version)

All Forums >> [Web Development] >> Accessibility



Message

Nicole -> Hover/Focus issue with Colour Blind Filters (9/28/2005 22:02:33)

I have a template that has a rollover effect on the navigation menu that changes from red to green on hover and focus. I've just run this template through a colour blindness filter and discovered that both the red and green colours appear the same (exactly the same olive colour) for Protanope and Deutanope, thus eliminating any rollover effect.

The link boxes are clearly labeled with white text that contrasts well with the red/green background colour and also the olive, therefore the words are still very visible and are obviously links as the arrow changes to a hand on hover, but as mentioned the rollover effect is totally lost to both of these conditions.

Can anyone tell me if this is still acceptable or whether I should change the red/green colours to either lighter or darker or maybe add an underline to the hover and focus? (both of which I'd prefer not to do), or can anyone think of any other solution?

Nicole



jaybee -> RE: Hover/Focus issue with Colour Blind Filters (9/29/2005 4:59:16)

Ooooh green and red. Worst combination you can have for colourblind. I don't see why it would be a problem, it's not as if the rollover is vital to understanding of the purpose.

If you really want the rollover visible then try putting a subtle pattern on the roll or a small arrow or something. It'll mean using a graphic but as long as it's not fancy it shouldn't be too big



Nicole -> RE: Hover/Focus issue with Colour Blind Filters (9/29/2005 5:16:35)

Thanks for responding Jaybee, I think I'll leave it as is then, but I didn't even consider a slight pattern. Something to keep in mind for future projects I guess.

It's funny, it's a restaurant template and I've created a few different types. This one is Italian, hence the green and red, which means....10% of Italian men think their flag is olive and white?

Nicole

p.s. what if some of their soccer players were colour blind and they played a team wearing olive?



caz -> RE: Hover/Focus issue with Colour Blind Filters (9/29/2005 6:46:46)

I have to use green on a site, because it's part of the client's established colours in print, but I use it on unimportant things like borders and not where it would interfere with stuff like rollovers etc.



golfer -> RE: Hover/Focus issue with Colour Blind Filters (9/29/2005 7:12:02)

Interesting thread.

I have never considered colourblindness even though I have problems with blue/green. Example traffic lights to me are red, amber and blue.

Grass to me is green however.[:)]

I may see a site where the colours are within my problem area but I never even think of it. I would not consider it as long as I can read the contents easily.

To me it is not a major and issue and anyway the colours and attractiveness of a site is subjective.

Anyway I had better go as the traffic lights have turned to blue.[:)]

Thanks for the posting Nicole



jaybee -> RE: Hover/Focus issue with Colour Blind Filters (10/3/2005 18:37:35)

Ian my dear, that's a really fetching pink jumper you're wearing. [;)]

Take a look at this site. You'll find loads of info there. It's quite fascinating.

quote:

I have problems with blue/green. Example traffic lights to me are red, amber and blue.

Grass to me is green however


I think that makes you a Tritanope which is rarer but so much easier to pronounce than the other one. [:D]



golfer -> RE: Hover/Focus issue with Colour Blind Filters (10/4/2005 4:03:03)

quote:

Ian my dear, that's a really fetching pink jumper you're wearing.


My dear jaybee. Thank you for noticing my jumper. I think it goes well green and blue trousers don't you think?[:)]

Very interesting article.

I wonder what I don't see on a web site now.



womble -> RE: Hover/Focus issue with Colour Blind Filters (10/4/2005 4:10:08)

[sm=lol.gif]
quote:

I think that makes you a Tritanope

That's not usually what we call him in private Jaybee! [;)] Sorry, OT - I'll go now!



golfer -> RE: Hover/Focus issue with Colour Blind Filters (10/4/2005 4:29:54)

quote:

That's not usually what we call him in private Jaybee!


I assume the words: handsome, charming, kind, thoughtful and gentle are not the words you use.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.09375