Kilotest: Diagnoses of contrast poor violation by HTML element 594 on GiveDirectly page

Basics

About the GiveDirectly page

• URL: https://www.givedirectly.org/
• Tested 29 days ago by job 7tm on 2026-05-03 at 17:04

About HTML element 594

• Tag name: DIV
• Text: Didier upgraded his barbershop and doubled his income
• Start tag: <div class="recipient-stories-new-look__card-title">
• XPath: /html/body/div[1]/main[1]/div[1]/section[2]/div[2]/div[1]/div[1]/div[2]
• Bounding box: x = 1454, y = 3191, width = 440, height = 112

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 594 of the GiveDirectly 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

2. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast