Kilotest: Diagnoses of contrast poor violation by HTML element 552 on Hesperian Health Guides page

Basics

About the Hesperian Health Guides page

• URL: https://hesperian.org/
• Tested 5 days ago by job cp5 on 2026-08-26 at 20:16

About HTML element 552

• Tag name: A
• Text: Get our Weekly update
• Start tag: <a href="https://hesperian.org/stay-connected" class="button button4" style="background-color: #ff9800; color: white; transition: background-color 0.3s;" onmouseover="this.style.backgroundColor='#ffa726';" onmouseout="this.style.backgroundColor='#ff9800';">
• XPath: /html/body/div[1]/div[1]/div[9]/div[1]/div[2]/section[1]/div[1]/a[1]
• Bounding box: x = 534, y = 2633, width = 184, height = 41

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 rule engines diagnose the contrast poor issue for HTML element 552 of the Hesperian Health Guides page.

1. Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 2.15 (foreground color: #ffffff, background color: #ff9800, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

   Tool: Axe (Deque)

   Rule: color-contrast

2. Text contrast of 2.16 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400

   Tool: Accessibility Checker (IBM)

   Rule: text_contrast_sufficient

3. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast