Kilotest: Diagnoses of text contrast improvable violation by HTML element 282 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 282

• Tag name: BUTTON
• Text: $40
• Start tag: <button type="button" tabindex="-1" aria-pressed="false" class="preset preset-monthly " data-value="40">
• XPath: /html/body/div[1]/main[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[2]/button[4]
• Bounding box: x = 1386, y = 435, width = 77, height = 46

About the text contrast improvable issue

• Why it matters: Content is not easy to understand
• Priority: lowest
• Related WCAG standard: 1.4.6

Diagnoses

Here is how tools diagnose the text contrast improvable issue for HTML element 282 of the GiveDirectly page.

1. Elements must meet enhanced color contrast ratio thresholds; Element has insufficient color contrast of 4.83 (foreground color: #6b7280, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

   Tool: Axe (Deque)

   Rule: color-contrast-enhanced

2. This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 7:1, but text in this element has a contrast ratio of 4.83:1. Recommendation: change text colour to #525967.

   Tool: HTML CodeSniffer (Squiz Labs)

   Rule: E-WCAG2AAA.Principle1.Guideline1_4.1_4_6.G17.Fail