Use of color for example text in HTML5 spec.

Hi Mike, I have been reading the current html5 draft today and have
found the color of the text for html code examples in particular to be
difficult to read due to the lack of contrast between the text and
background.

I have reasonable vision and so summise that anybody with a vision
impairment would find it very difficult. Is it possible therefore to
modfify the text color so it is more readable, for example (#707070)
provides sufficient contrast as per the W3C luminosity algorithm?

The style for the problematic content.

.example {
color:gray;
}



I tested the contrast using the WCAG 2.0 contrast algorithm - results:

Foreground:#AD8080  Background:#FFFFFF

The contrast ratio is: 3.4:1

Text failed at Level AA

Text failed at Level AAA

Large text passed at Level AA

Large text failed at Level AAA

1.4.2 Contrast (Minimum):  Text (and images of text) have a contrast
ratio of at least 5:1, except if the text is pure decoration.  Larger
scale text (at least 18 point or 14 point bold) or images of text can
have a contrast ratio of 3:1. (Level AA)

1.4.4 Contrast (Enhanced): Text (and images of text) have a contrast
ratio of at least 7:1, except if the text is pure decoration.  Larger
scale text (at least 18 point or 14 point bold) or images of text can
have a contrast ratio of 5:1. (Level AAA) How to meet 1.4.4

Note: Fonts that are extraordinarily thin or decorative are harder to
read at lower contrast levels.



-- 
with regards

Steve Faulkner
Technical Director - TPG Europe
Director - Web Accessibility Tools Consortium

www.paciellogroup.com | www.wat-c.org
Web Accessibility Toolbar -
http://www.paciellogroup.com/resources/wat-ie-about.html

Received on Wednesday, 23 July 2008 13:01:24 UTC