Kilotest: Diagnoses of text contrast improvable violation by HTML element 348 on Water for People page

Basics

About the page

• URL: https://www.waterforpeople.org/
• Tested 2 days ago on 2026-10-07 at 23:26 by job 261007T2306-eav
• Summary of results:
  • Rule engines:
    • Called: 12
    • Were able to test: 12
    • Reported any rule violations: 12
  • Violations: 1506
  • Violators: 473
  • Issues: 70
• Download the full technical report (JSON)

About the issue

• Why it matters: Content is not easy to understand
• Priority: lowest
• Related WCAG standard: 1.4.6
• Reported by 7 rule engines (Alfa + ASLint + Axe + HTML CodeSniffer + Pour + QualWeb + SureA11y)
• Violations: 159
• Violators: 61

About the violator

• Tag name: A
• Text: Learn about donor-advised funds … (opens in new tab)
• Start tag: <a id="menurtfr" class="fui-Link ___1q1shib f2hkw1w f3rmtva f1ewtqcl fyind8e f1k6fduh f1w7gpdv fk6fouc fjoy568 figsok6 f1s184ao f1mk8lai fnbmjn9 f1o700av f13mvf36 f1cmlufx f9n3di6 f1ids18y f1tx3yz7 f1deo86v f1eh06m1 f1iescvh fhgqx19 f1olyrje f1p93eir f1nev41a f1h8hb77 f1lqvz6u f10aw75t fsle3fq f17ae5zn" title="https://www.waterforpeople.org/donor-advised-funds/?ea.tracking.id=2710_web_ab_daf_z_z" href="https://www.waterforpeople.org/donor-advised-funds/?ea.tracking.id=2710_web_ab_daf_z_z" target="_blank" rel="noreferrer noopener" aria-label="Link Learn about donor-advised funds">
• XPath: /html/body/div[1]/div[2]/div[1]/div[1]/div[2]/div[1]/div[1]/div[1]/div[1]/p[1]/span[1]/span[1]/a[1]
• Bounding box: x = 448, y = 90, width = 364, height = 24
• Reported by ASLint + Axe + HTML CodeSniffer + Pour + QualWeb + SureA11y

Take me there

Diagnoses

Here is how rule engines diagnose the text contrast improvable issue for HTML element 348 of the Water for People page.

1. Expected color contrast ratio for small font size at least 7:1, but got ratio: 6.37:1, <code>background-color: #fc9d0b</code>, <code>foreground-color: #072874</code>, <code>font-size: 15pt</code> (original: <code>20px</code>), <code>font-weight: 400</code>. <small>Note:</small> The element is possibly visually hidden and that state might be temporary. For example the lazy loading technique can be used and the element will be visible at some point.

   Rule engine: ASLint (eSSENTIAL Accessibility)

   Rule: color_contrast_aaa7

2. Elements must meet enhanced color contrast ratio thresholds; Element has insufficient color contrast of 6.36 (foreground color: #072874, background color: #fc9d0b, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1

   Rule engine: Axe (Deque)

   Rule: color-contrast-enhanced

3. 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 6.37:1. Recommendation: change text colour to #00206b.

   Rule engine: HTML CodeSniffer (Squiz Labs)

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

4. Text must have enhanced contrast against its background (AAA)

   Rule engine: Pour (David Yarham and Geoffrey Crofte)

   Rule: color-contrast-enhanced

5. [failed] Element has contrast ratio lower than minimum.

   Rule engine: QualWeb (University of Lisbon)

   Rule: QW-ACT-R76

6. Element has insufficient color contrast (AAA) of 6.37:1 (foreground: #072874, background: #fc9d0b, font size: 20px, font weight: normal). Expected contrast ratio of 7:1 (normal text).

   Rule engine: SureA11y (Jorge Rumoroso)

   Rule: contrast-enhanced