Elements must meet minimum color contrast ratio thresholds
Moderatecolor-contrast
What it checks
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
How to fix it
Fix any of the following: Element has insufficient color contrast of 2.32
WCAG
Success criteria 1.4.3. See the WCAG 2.2 quick reference.
An example of the problem
<p class="hero">On a photo</p>More detail: Deque University's page on this rule.