== Why is this an issue?

Text should provide enough contrast with its background so that it can be read easily by people with moderately low vision, including colorblind people.


This rule raises an issue when a CSS selector defines both the ``++background-color++`` and ``++color++`` properties with a contrast ratio of less than 4.5:1, which is the contrast required to meet WCAG AA level. It applies only when the selector is not on a heading (``++h1++``, ``++h2++``,...) or ``++title++``


=== Noncompliant code example

[source,css]
----
body {
    font-size: 17pt;
}
.myclass {
    color: #777;  // NonCompliant
    background-color: #888;
}

.header h4 {
    font-size: 22pt;
}
----


== Resources

* https://www.w3.org/TR/WCAG21/#contrast-minimum[WCAG2 - minimum contrast]


ifdef::env-github,rspecator-view[]

'''
== Implementation Specification
(visible only on this page)

=== Message

change background-color or color to increase the contrast ratio


=== Highlighting

"color" property's value


'''
== Comments And Links
(visible only on this page)

=== on 8 Feb 2019, 15:00:05 Nicolas Harraudeau wrote:
Note: The contrast ratio function is defined here: \https://www.w3.org/TR/WCAG20-TECHS/G18.html

endif::env-github,rspecator-view[]