Kilotest: Diagnoses of contrast poor violation by HTML element 116 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 116

• Tag name: SPAN
• Text: SHOP
• Start tag: <span class="avia-menu-text">
• XPath: /html/body/div[1]/header[1]/div[2]/div[1]/div[1]/nav[1]/div[1]/ul[1]/li[4]/a[1]/span[2]
• Bounding box: x = 1608, y = 14, width = 43, height = 18

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

1. Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 2.03 (foreground color: #ffffff, background color: #f0a82c, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

   Tool: Axe (Deque)

   Rule: color-contrast

2. Text contrast of 1.04 with its background is less than the WCAG AA minimum requirements for text of size 15px and weight of 600

   Tool: Accessibility Checker (IBM)

   Rule: text_contrast_sufficient

3. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast