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

Here is how tools diagnose the contrast poor issue for HTML element 261 of the GiveDirectly page.

Basics

• About the contrast poor issue
  • Why it matters: Content is difficult to understand
  • Priority: highest
  • Related WCAG standard: 1.4.3
• About the GiveDirectly page
  • URL: https://www.givedirectly.org/
  • Tested on 2026-04-02 at 14:25
• About HTML element 261
  • Take me there
  • Tag name: H1
  • Text: Giving cash is the effective way to help … lift people out of extreme poverty.
  • Start tag: <h1 class="wp-block-heading has-white-color has-text-color">
  • XPath: /html/body/div[1]/main[1]/div[1]/div[1]/div[1]/h1[1]
  • Bounding box: x = 1365, y = 138, width = 1270, height = 96

Diagnoses

1. Elements must meet minimum color contrast ratio thresholds; Element's background color could not be determined because element contains an image node

   Tool: Axe (Deque)

   Rule: color-contrast

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

   Tool: HTML CodeSniffer (Squiz Labs)

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

3. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast

4. This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #949494.

   Tool: WallyAX (Wally)

5. This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #767676.

   Tool: WallyAX (Wally)