- From: WCAG 2.0 Techniques Submission Form <nobody@w3.org>
- Date: Sun, 31 May 2015 07:52:30 +0000
- To: public-wcag2-techs@w3.org
Submitter's Name: aurelien levy
Submitter's Email: aurelien.levy@temesis.com
Technique ID: UNKNOWN
Short Name: Failure of Success Criterion 1.4.3 and 1.4.6 due to using background color that do not provide sufficient contrast with foreground text color
Technique Category: Common Failures
Success Criterion Reference: UNKNOWN
Applicability:
Any technology
Description:
This failure occurs when people with low vision are not able to read text that is displayed over a background color. When there is not sufficient contrast between the background color and the text color, features of the background color can be confused with the text color making it difficult to accurately read the text.
To satisfy Success Criterion 1.4.3 and 1.4.6, there must be sufficient contrast between the text color and its background color.
Example 1 Head: Failure Example 1
Example 1 Description:
Black text overlays a dark grey background
h2{
color:#000000;
background: #515151;
}
Example 2 Head: Failure Example 2
Example 2 Description:
Black text overlays a background with a css vertical gradient from black to white.
h2{
color:#000000;
background: linear-gradient(to bottom, #FFFFFF 0%,#000000 100%);
}
Test Procedure:
1.Quickcheck: First do a quick check to see if the contrast between the text and the area of the background color that is darkest (for dark text) or lightest (for light text) meets or exceeds that required by the Success Criterion (1.4.3 or 1.4.6). If the contrast meets or exceeds the specified contrast, then there is no failure.
2.If the Quickcheck is false, then check to see if the background color behind each letter has sufficient contrast with the letter.
Expected Result:
If Quickcheck is false and #2 is false as well then this failure condition applies and the content fails the contrast Success Criterion.
Additional Notes:
this failure relates to 1.4.3 and 1.4.6
No guidelines reference was submitted!
No UA issues were submitted!
No resource 1 title submitted!
No resource 1 URI submitted!
No resource 2 title submitted!
No resource 2 URI submitted!
No related techniques were submitted!
No test file 1 was submitted!
No test file 1 pass/fail was submitted!
No test file 2 was submitted!
No test file 2 pass/fail was submitted!
------------------------------------------------
<technique id="UNKNOWN">
<short-name>Failure of Success Criterion 1.4.3 and 1.4.6 due to using background color that do not provide sufficient contrast with foreground text color </short-name>
<applies-to>
<guideline idref="" />
<success-criterion idref="UNKNOWN" />
</applies-to>
<applicability>
Any technology
</applicability>
<ua_issues>
</ua_issues>
<description>
This failure occurs when people with low vision are not able to read text that is displayed over a background color. When there is not sufficient contrast between the background color and the text color, features of the background color can be confused with the text color making it difficult to accurately read the text.
To satisfy Success Criterion 1.4.3 and 1.4.6, there must be sufficient contrast between the text color and its background color.
</description>
<examples>
<ex_head_1>
Failure Example 1
</ex_head_1>
<ex_desc_1>
Black text overlays a dark grey background
h2{
color:#000000;
background: #515151;
}
</ex_desc_1>
<ex_head_2>
Failure Example 2
</ex_head_2>
<ex_desc_2>
Black text overlays a background with a css vertical gradient from black to white.
h2{
color:#000000;
background: linear-gradient(to bottom, #FFFFFF 0%,#000000 100%);
}
</ex_desc_2>
</examples>
<resources>
<resources_title1>
</resources_title1>
<resource_uri1>
</resource_uri1>
<resources_title2>
</resources_title2>
<resource_uri2>
</resource_uri2>
</resources>
<related_techniques>
</related_techniques>
<tests>
<procedure>
1.Quickcheck: First do a quick check to see if the contrast between the text and the area of the background color that is darkest (for dark text) or lightest (for light text) meets or exceeds that required by the Success Criterion (1.4.3 or 1.4.6). If the contrast meets or exceeds the specified contrast, then there is no failure.
2.If the Quickcheck is false, then check to see if the background color behind each letter has sufficient contrast with the letter.
</procedure>
<expected_result>
If Quickcheck is false and #2 is false as well then this failure condition applies and the content fails the contrast Success Criterion.
</expected_result>
<test_file_1>
</test_file_1>
<pass_fail_1>
</pass_fail_1>
<test_file_2>
</test_file_2>
<pass_fail_2>
</pass_fail_2>
</tests>
</technique>
Additional Notes:
this failure relates to 1.4.3 and 1.4.6
Received on Sunday, 31 May 2015 07:52:31 UTC