color-contrast - Elements must meet minimum color contrast ratio thresholds
Impact: serious
Description: Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
Help: Elements must meet minimum color contrast ratio thresholds
Tags: cat.color, wcag2aa, wcag143, TTv5, TT13.c, EN-301-549, EN-9.1.4.3, ACT
Affected Elements (6)
<a class="btn btn-primary" href="https://ccmnet.ddev.site/node/add/mentorship_engagement">Create a Mentorship</a>
Target: .text-right > .btn.btn-primary
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 2.68 (foreground color: #ffffff, background color: #06a9e5, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="text-uppercase ml-2">
Recruiting: Mentor </div>
Target: div:nth-child(2) > .views-field.views-field-field-me-state > .field-content > .position-relative.rounded-bottom-left.mb-3 > .bg-teal.px-3.py-2 > .ml-2.text-uppercase
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #28a588, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
<a class="text-white corner-triangle text-uppercase bg-teal" href="/node/10913">More</a>
Target: a[href="/node/10913"]
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #28a588, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="text-uppercase ml-2">
In Progress: Mentor </div>
Target: div:nth-child(13) > .views-field.views-field-field-me-state > .field-content > .position-relative.rounded-bottom-left.mb-3 > .bg-teal.px-3.py-2 > .ml-2.text-uppercase
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #28a588, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
<a class="text-white corner-triangle text-uppercase bg-teal" href="/node/7090">More</a>
Target: a[href="/node/7090"]
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #28a588, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
<a href="#" class="facets-soft-limit-link">Show more</a>
Target: #block-nect-metags > .mb-2.mb-lg-4.facets-widget-checkbox > .facets-soft-limit-link[href="#"]
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 2.68 (foreground color: #06a9e5, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1