Kilotest: Diagnoses of contrast poor violation by HTML element 224 on Run! page

Here is how tools diagnose the contrast poor issue for HTML element 224 of the Run! page.

Basics

• About the contrast poor issue
  • Why it matters: Content is difficult to understand
  • Priority: highest
  • Related WCAG standard: 1.4.3
• About the Run! page
  • URL: https://www.designedtorun.com/
  • Tested on 2026-04-05 at 01:26
• About HTML element 224
  • Take me there
  • Tag name: SPAN
  • Text: LOG IN
  • Start tag: <span>
  • XPath: /html/body/div[1]/div[1]/div[1]/div[1]/div[2]/div[1]/a[6]/span[1]
  • Bounding box: x = 1656, y = 118, width = 67, height = 25

Diagnoses

1. Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 2.16 (foreground color: #ffffff, background color: #41c2be, font size: 13.3pt (17.68px), font weight: bold). Expected contrast ratio of 4.5:1

   Tool: Axe (Deque)

   Rule: color-contrast

2. Text contrast of 2.17 with its background is less than the WCAG AA minimum requirements for text of size 17.68px and weight of 800

   Tool: Accessibility Checker (IBM)

   Rule: text_contrast_sufficient

3. 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.17:1. Recommendation: change background to #038480.

   Tool: WallyAX (Wally)