CSS: checking the color contrast of our pages

CSS: checking the color contrast of our pages

How to check if the color contrast specified in our CSS fulfills the W3C accessibility requirements.

When we think about the accessibility of our documents we usually consider only a subset of users, mainly those who surf the web with the aid of a screen reader. But there are also people who suffer from other kinds of visual impairments related to the perception of colors. To address the needs of these users we have to check the color contrast specified in our CSS.

The following video shows how to use the Color Contrast Analyser provided by the Paciello Group.

How to test the color contrast of our documents by using this tool from the Paciello Group: http://www.paciellogroup.com/resources/contrastAnalyser