Web design color contrast testing

We have plenty of considerations to design for when crafting web sites. Web accessibility is not a new design consideration, but is still very important, no matter the size or speed of device we’re testing on. The Web Content Accessibility Guidelines (WCAG) tells us our content should be distinguishable and requires we “[m]ake it easier for users to see and hear content including separating foreground from background.”



  • Gryphon

    I have a disorder called cone-rod dystrophy and design directly determines how much of the web I can use. The Loop is quite good for me (thanks), but even here the block quotes are right at the limit of what I can detect. I use Instapaper Now for Loop posts with block quotes, for all Daring Fireball posts, and all news sites. Sites that don’t respond well to Instapaper and/or don’t have clean layout are simply unusable.

    In addition to contrast, web designers should also see what happens to the site with different minimum font size settings and zoom. For example, Amazon is quite good for contrast, but it zooms horribly.