Kilotest: Diagnoses of contrast poor violation by HTML element 152 on Koenig Childhood Cancer Foundation donations page

Basics

About the Koenig Childhood Cancer Foundation donations page

• URL: https://thekccf.org/donate
• Tested 13 days ago by job vc2 on 2026-05-19 at 14:37

About HTML element 152

• Tag name: P
• Text: Your gift provides critical financial, emotional, and practical support to children battling cancer and their families such as cancer treatment, meals, travel, lodging and essential care during long hospital stays, bringing comfort, stability, and hope when they need it most.
• Start tag: <p class="text-lg text-violet-600 dark:text-white max-w-3xl mx-auto">
• XPath: /html/body/main[1]/div[1]/section[1]/div[1]/div[1]/p[1]
• Bounding box: x = 576, y = 1154, width = 768, height = 84

Take me there

About the contrast poor issue

• Why it matters: Content is difficult to understand
• Priority: highest
• Related WCAG standard: 1.4.3

Diagnoses

Here is how tools diagnose the contrast poor issue for HTML element 152 of the Koenig Childhood Cancer Foundation donations page.

1. Elements must meet minimum color contrast ratio thresholds; Element's background color could not be determined due to a background gradient

   Tool: Axe (Deque)

   Rule: color-contrast