Kilotest: Diagnoses of text contrast improvable violation by HTML element 530 on Hesperian Health Guides page

Basics

About the Hesperian Health Guides page

• URL: https://hesperian.org/
• Tested 4 days ago by job glp on 2026-05-28 at 22:54

About HTML element 530

• Tag name: A
• Text: DONATE
• Start tag: <a style="color:#F0A82C;" href="https://hesperian.org/donate/" target="_blank">
• XPath: /html/body/div[1]/div[1]/div[9]/div[1]/div[1]/section[1]/div[1]/p[1]/b[1]/a[1]
• Bounding box: x = 50, y = 2686, width = 74, height = 22

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 530 of the Hesperian Health Guides page.

1. Elements must meet enhanced color contrast ratio thresholds; Element has insufficient color contrast of 5.77 (foreground color: #f0a82c, background color: #09386b, font size: 13.5pt (18px), font weight: bold). 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 5.78:1. Recommendation: change background to #002a59.

   Tool: HTML CodeSniffer (Squiz Labs)

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

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

   Tool: QualWeb (University of Lisbon)

   Rule: QW-ACT-R76