Kilotest: Diagnoses of contrast poor
violation by HTML element 357 on GiveDirectly page
Here is how tools diagnose the contrast poor
issue for HTML element 357 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
- URL:
- About HTML element 357
- Take me there
- Tag name:
A - Text:
life-changing
- Start tag:
<a href="#" rel="internal" data-slide="1" tabindex="0"> - XPath:
[not obtained] - Bounding box: x = 1456, y = 962, width = 324, height = 60
Diagnoses
- Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 1.84 (foreground color: #eeb199, background color: #ffffff, font size: 39.0pt (52px), font weight: bold). Expected contrast ratio of 3:1
Tool: Axe (Deque)
Rule:
color-contrast - 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.84:1. Recommendation: change text colour to #a4674f.
Tool: HTML CodeSniffer (Squiz Labs)
Rule:
E-WCAG2AAA.Principle1.Guideline1_4.1_4_6.G18.Fail - Text contrast of 1.84 with its background is less than the WCAG AA minimum requirements for text of size 52px and weight of 700
Tool: Accessibility Checker (IBM)
Rule:
text_contrast_sufficient - Very low contrast
Tool: WAVE (Utah State University)
Rule:
contrast - 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.84:1. Recommendation: change text colour to #c3866e.
Tool: WallyAX (Wally)
- 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.84:1. Recommendation: change text colour to #a4674f.
Tool: WallyAX (Wally)