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

• Tag name: A
• Text: GET STARTED
• Start tag: <a class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge signup-button css-1pzjejv" tabindex="0" href="https://cms.designedtorun.com/api/auth/login">
• XPath: /html/body/div[1]/div[1]/div[1]/div[7]/div[1]/div[1]/a[1]
• Bounding box: x = 653, y = 9170, width = 614, height = 141

Take me there

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

1. 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: HTML CodeSniffer (Squiz Labs)

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

2. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast