Wednesday, March 31, 2010

Contrast (speaking of colours)

So, the LIF2 build is coming along swimmingly - I've completed the major parts of 4 of the 5 main pages, just a few tweaks need to be ironed out.

One of those tweaks is I want to make all the links the same colour, and make that colour different to the text on the rest of the site, for accessibility/usability reasons. Interesting that I came across this article today on A List Apart 'Contrast is King' .

It reminded me how necessary appropriate contrast is when considering accessibility/usability and I felt like smacking myself over the wrist for having forgotten it. The article lists a couple of sites with useful tools, like Graybit, which converts your site to shades of gray (thejct.net comes up fine. LIF2 is OK, except for the 'sign up' button). Check my colours looks for contrast ratios between elements on a site. LIF2 didn't fare well at all with 61 errors....

My favourite tool from the site is the Colour Scheme designer (I'm really getting into these at the moment). The best thing about this one compared to the others I've come across so far is you can see what the chosen palette will look like based on your choice/extent of colour blindness, which is quite cool (i.e. contrast is obviously taken into account). I can't use the most up to date version on my work PC (IE6), but rather than just tell me I can't use it and how crap I am for having an old browser, it lets me use an older version, which still works pretty well (yay for degrading not abusing re older browsers).

I think I'll be reviewing the LIF2 colours (again) using this site - and probably choosing a consistent link colour based on it.

No comments: