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

• Tag name: STRONG
• Text: Hesperian Health Guides develops and distributes easily understood health materials that empower people to take greater control over their health and organize to eliminate the social causes of poor health.
• Start tag: <strong>
• XPath: [not obtained]
• Bounding box: x = 197, y = 736, width = 1526, height = 64

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

1. Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 2.63 (foreground color: #ed7e32, background color: #fafafa, font size: 21.0pt (28px), font weight: bold). Expected contrast ratio of 3:1

   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 2.64:1. Recommendation: change text colour to #c05105.

   Tool: HTML CodeSniffer (Squiz Labs)

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

3. Text contrast of 2.64 with its background is less than the WCAG AA minimum requirements for text of size 28px and weight of 700

   Tool: Accessibility Checker (IBM)

   Rule: text_contrast_sufficient

4. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast