Kilotest: Diagnoses of text contrast improvable violation by HTML element 223 on Run! page

Basics

About the Run! page

• URL: https://www.designedtorun.com/
• Tested 28 days ago by job mgf on 2026-05-04 at 17:00

About HTML element 223

• Tag name: A
• Text: LOG IN
• Start tag: <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways login-button css-iohknp" href="https://cms.designedtorun.com/api/auth/login">
• XPath: /html/body/div[1]/div[1]/div[1]/div[1]/div[2]/div[1]/a[6]
• Bounding box: x = 1640, y = 107, width = 127, height = 46

Take me there

About the text contrast improvable issue

• Why it matters: Content is not easy to understand
• Priority: lowest
• Related WCAG standard: 1.4.6

Diagnoses

Here is how tools diagnose the text contrast improvable issue for HTML element 223 of the Run! page.

1. The highest possible contrast of the text is 2.17:1 which is below the required contrast of 7:1

   Tool: Alfa (Siteimprove)

   Rule: r66

2. Expected color contrast ratio for small font size at least 7:1, but got ratio: 2.17:1, <code>background-color: #41c2be</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 13pt</code> (original: <code>17.68px</code>), <code>font-weight: 800</code>.

   Tool: ASLint (eSSENTIAL Accessibility)

   Rule: color_contrast_aaa7