Kilotest: Diagnoses of contrast poor violation by HTML element 404 on Institute for Progress page

Basics

About the Institute for Progress page

• URL: https://ifp.org/
• Tested 28 days ago by job 00v on 2026-05-04 at 17:00

About HTML element 404

• Tag name: DIV
• Text: EMERGING TECHNOLOGY
• Start tag: <div class="post-listing__category-name">
• XPath: /html/body/main[1]/div[2]/div[1]/div[2]/div[1]/div[1]/div[1]/div[1]/a[2]/div[2]
• Bounding box: x = 1009, y = 1626, width = 184, 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 404 of the Institute for Progress page.

1. Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 1.96 (foreground color: #fffef2, background color: #41c4fc, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1

   Tool: Axe (Deque)

   Rule: color-contrast

2. Text contrast of 1.97 with its background is less than the WCAG AA minimum requirements for text of size 14px and weight of 900

   Tool: Accessibility Checker (IBM)

   Rule: text_contrast_sufficient

3. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast