Contrast - insufficient contrast ratio for small text
Test Case Summary
Test Case ID
TC08.1-2-fail-1
Test Case Description
Detect foreground text size and contrast ratio between foreground text and background. Determine whether contrast ratio is sufficient.
The text in the code sample is small text and DOES NOT provide sufficient contrast with the background.
Applicable ICT Baseline Test
8.1 TestTest 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 based on the text size, 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-1 | All visible text AND images of text (except those noted in Limitations, Assumptions, or Exceptions above) | One paragraph of text is present in the test data code sample. |
| 8.1 | Determine the contrast ratio of foreground text and background. | The contrast ratio for the text in question is 1.2:1. |
| 8.2 | Check that the contrast ratio is at least 4.5:1. [SC 1.4.3] | The contrast ratio is less than 4.5:1 (it is 1.2:1) |
| 8.3 | If 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]
|
The text on the page is NOT at least 18 point NOR is it bold. |
| Result | If both of the above checks fail, then Baseline Test 8.1-ContrastMinimum fails. | The second check fails due to insufficient contrast ratio. The third check also fails, because the contrast is insufficient, regardless of whether the text is least 18 point, or at least 14 point and bold. |