Kilotest: Diagnoses of contrast poor violation by HTML element 231 on Centre for Effective Altruism page

Basics

About the Centre for Effective Altruism page

• URL: https://www.effectivealtruism.org/
• Tested 38 days ago by job 6gw on 2026-04-24 at 21:54

About HTML element 231

• Tag name: H1
• Text: Turning good intentions into greater impact
• Start tag: <h1 class="css-w286tt-Type-root-Type-title-HomePage-heroTitle" dir="auto" data-style="title">
• XPath: /html/body/div[1]/div[1]/div[1]/main[1]/section[1]/div[2]/div[1]/h1[1]
• Bounding box: x = 400, y = 512, width = 800, height = 150

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 231 of the Centre for Effective Altruism page.

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.14:1. Recommendation: change background to #7a756f.

   Tool: HTML CodeSniffer (Squiz Labs)

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

3. Text contrast of 1.14 with its background is less than the WCAG AA minimum requirements for text of size 72px and weight of 600

   Tool: Accessibility Checker (IBM)

   Rule: text_contrast_sufficient

4. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast