Test Summary
URL: https://ccmnet.ddev.site/
Test Spec: N/A
Date: 11/25/2025, 8:20:05 PM
Total Violations: 1
Critical: 0
Serious: 1
Moderate: 0
Minor: 0
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 (5)
<a class="btn btn-rounded bg-ccmnet-lightblue text-white m-0 text-decoration-none mt-1 px-5 mb-3" href="/user/register/">Join CCMNet</a>
Target: .mt-1
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: bold). Expected contrast ratio of 4.5:1
<div class="text-uppercase ml-2">
Recruiting: Mentor </div>
Target: .col.col-lg-4.carousel-item:nth-child(2) > .views-field.views-field-field-me-state > .field-content > .rounded-bottom-left.border-ccmnet-blue.bg-white > .bg-teal.py-2.align-middle > .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
<a class="btn btn-rounded bg-ccmnet-lightblue text-white m-0 text-decoration-none mt-5 px-5 mb-3" href="https://ccmnet.org/mentorships">See All</a>
Target: .btn-rounded.bg-ccmnet-lightblue.mt-5
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: bold). Expected contrast ratio of 4.5:1
<h2 class="text-white text-large">Learn about the program in <br> the CCMNet Guide</h2>
Target: .order-2 > .text-large
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 2.68 (foreground color: #ffffff, background color: #06a9e5, font size: 24.3pt (32.4px), font weight: bold). Expected contrast ratio of 3:1