Contrast - Insufficient contrast ratio for 14 point, non-bold text
Test Case Summary
Test Case ID
TC08.1-2-fail-2
Test Case Description
Detect the foreground and background text and size contrast ratio. Determine whether contrast ratio is sufficient. The text in the code sample does not provide sufficient contrast between the foreground and background.
Applicable ICT Baseline Test
8.1 Test Procedure for Contrast Minimum
Baseline Test ID: 8.1-ContrastMinimum
Test Instruction: 2
Test Case Detail
Expected Baseline Result
Fail
The foreground text in the code sample does not provide sufficient contrast (1.72:1) based on the text size (14 point), foreground color, and background color.
Test Data
Single-Page URL
Embedded Code
Code
Test Case Instruction
Test Instruction | Instruction Detail | Expected Test Case Result |
---|---|---|
IC | All visible text AND images of text (except those noted in Limitations, Assumptions, or Exceptions above) | The code sample includes text that is 14 pt, non-bold font |
8.1-1 | Determine the contrast ratio of foreground text and background. | The contrast ratio for the text is 1.72:1 |
8.1-2 | Check that the contrast ratio is at least 4.5:1. [SC 1.4.3] | FAIL: The contrast ratio is less than 4.5:1 (it is 1.72) |
8.1-3 | f the contrast ratio is less than 4.5:1, check that the ratio is at least 3:1 AND the font meets one of the following criteria [SC 1.4.3]: At least 18 point (23.94 pixels); At least 14 point (18.62 pixels) AND bold (at least 700 font weight) | FAIL: the code sample does not satisfy the criteria necessary to allow a 3:1 contrast ratio and would fail even if it did with contrast ratio of 1.72:1 |
Results | If both of the above checks fail, then Baseline Test 8.1-ContrastMinimum fails. | FAIL: the code sample fails both checks |