Kilotest: Diagnoses of contrast poor violation by HTML element 394 on Climate Emergency Fund page

Basics

About the Climate Emergency Fund page

• URL: https://www.climateemergencyfund.org/
• Tested 38 days ago by job hop on 2026-04-24 at 20:58

About HTML element 394

• Tag name: BUTTON
• Text: Decline
• Start tag: <button class="px-4 py-2 text-xs md:text-sm border border-white text-white bg-transparent rounded cursor-pointer hover:bg-white/10 transition-colors">
• XPath: /html/body/div[1]/div[2]/div[1]/div[1]/button[1]
• Bounding box: x = 1379, y = 952, width = 115, height = 53

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 394 of the Climate Emergency Fund page.

1. Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 2.48 (foreground color: #fbfbf8, background color: #85a2d8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

   Tool: Axe (Deque)

   Rule: color-contrast

2. Text contrast of 2.48 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400

   Tool: Accessibility Checker (IBM)

   Rule: text_contrast_sufficient

3. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast