Text must exceed CCR threshold

Rule ID	Color 1
Definition	Text content must exceed Color Contrast Ratio (CCR) of 3.1 for large and/or bolded text and 4.5 for any other size or style of text.
Purpose	The higher the color contrast of text the more easy it is to read, especially for people with visual impairments.
Mappings	HTML4 Legacy Techniques (Required) HTML5 and ARIA Techniques (Required)
WCAG Success Criteria	1.4.3 Contrast (Minimum) (Level AA, Primary Success Criterion) Other Related Success Criterion: 1.4.1 Use of Color (Level A) 1.4.6 Contrast (Enhanced) (Level AAA)
Rule Category	Styling/Content
Scope	Element
Target Resources	All elements with text content `textnodes`
Techniques	Change the foreground color to a more complementary color to the background color. Change the background color to a more complementary color to the foreground color. Remove background images or verify they do not compromise color contrast requirements.
Manual Checks	Use graphic editing tools to analyze the color(s) of the background image and then recacluate the CCR with the range of colors in the background image. Verify the range of colors that could be part of the background of text is have a CCR > 4.5.
Informational Links	WCAG 2.0 Success Criterion 1.4.3 Contrast (Minimum): The visual presentation of text and images of text has a contrast ratio of at least 4.5:1 How to meet Success Criterion 1.4.3 Contrast (Minimum): The visual presentation of text and images of text has a contrast ratio of at least 4.5:1 G17: Ensuring that a contrast ratio of at least 7:1 exists between text (and images of text) and background behind the text G18: Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text G148: Not specifying background color, not specifying text color, and not using technology features that change those default G174: Providing a control with a sufficient contrast ratio that allows users to switch to a presentation that uses sufficient contrast