W3C标准工具:对比度分析器(Contrast Analyser)2.0版本May 21st 杨掌柜

W3C基于W3C的WCAG的Guideline 1.4.4: Contrast (增强型) - WCAG 2 (May 2007 draft) ,文字(包括图片中的文字)对比度至少7:1,除了那些纯装饰用的文字以外。

大字号的文字对比度至少为5:1(AAA级别)。

另外,Guideline 1.4.2: Contrast (最低值)- WCAG 2 (May 2007 draft)规定,文字对比度最少为5:1,大字号文字对比度3:1。此为AA级别

想检查一下自己设计中的对比度是否达标,下载下面的对比度分析器:

下载分析器:Contrast Analyser 2.0 (ZIP, 363KB,English version)

采用吸管吸取前景色和背景色,即时获得对比度是否达标。 作者:油茶研究会 相关链接:

category工具 comments

7 Responses to “W3C标准工具:对比度分析器(Contrast Analyser)2.0版本”

  1. 对于那种深色背景,浅色文字的网站,我一般先把样式去掉再看,不然眼睛不舒服。

  2. 呵呵,最近更新比较频繁.好气象.

  3. 这个工具挺好的,下载检验一下。
    但我担心的是对比这个东西 在两个的情况下较好,如果多素下就难全方位考虑了。

  4. To Sike, 浏览web的时候,样式可以去掉,怎么去的哦?神奇了。

    To Azure,大人您的网站气象也该更新一下了,嘻嘻。

    To flydream,前景色和背景色,对比元素就这两个,一般情况下,还是很容易的,至于特例的,背景是多色的,或者文字有模糊边缘的,W3C对如何应用计算公式作了如下的说明:
    For aliased letters, use the relative luminance value found two pixels in from the edge of the letter.
    选取一个亮度的相对中间值
    Measure the relative luminance of the background pixels immediately next to the letter using same formula 。

  5. 如果你用 opera ,可以通过 view>style>high contrast(B/W) ,如果你用 firefox 可以通过 view>page style>no style 。如果你喜欢在浅黄背景绿色文字(好像最适合阅读)上看文章,也可以自已写一些通过 stylish 等插件设为全局样式,这样每个页面都是浅黄背景绿色文字了。

  6. 收藏啦·~不错

  7. 现在经常用这个,也推荐同事在用这个:)


这时,又一位英雄站了出来:

记住我,我是回头客: