Kilotest: Diagnoses of text contrast improvable violation by HTML element 972 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 972

• Tag name: BUTTON
• Text: WATCH DEMO VIDEO
• Start tag: <button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium play-button css-xn61zu" tabindex="0" type="button">
• XPath: /html/body/div[1]/div[1]/div[2]/div[1]/div[1]/div[1]/button[3]
• Bounding box: x = 580, y = 1117, width = 251, height = 25

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 972 of the Run! page.

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

   Tool: Alfa (Siteimprove)

   Rule: r66

2. Expected color contrast ratio for large font size at least 4.5:1, but got ratio: 3.81:1,<code>background-color: #7331ff</code>, <code>foreground-color: #88e0de</code>, <code>font-size: 14pt</code> (original: <code>18.432px</code>), <code>font-weight: 900</code>.%6

   Tool: ASLint (eSSENTIAL Accessibility)

   Rule: color_contrast_aaa7