Kilotest: Diagnoses of text contrast improvable violation by HTML element 777 on Sightline Institute page

Basics

About the Sightline Institute page

• URL: https://www.sightline.org/
• Tested 29 days ago by job wxv on 2026-05-03 at 17:04

About HTML element 777

• Tag name: DIV
• Text: Invest in solutions … Donate
• Start tag: <div class="gb-container gb-container-8caa864a custom-mc4wp">
• XPath: /html/body/div[2]/div[1]/div[1]/main[1]/article[1]/div[1]/div[1]/div[4]/div[1]/div[3]/div[1]
• Bounding box: x = 1280, y = 2635, width = 640, height = 362

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 777 of the Sightline Institute page.

1. The highest possible contrast of the text is 4.43:1 which is below the required contrast of 4.5:1

   Tool: Alfa (Siteimprove)

   Rule: r66

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

   Tool: Alfa (Siteimprove)

   Rule: r66

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

   Tool: Alfa (Siteimprove)

   Rule: r66

4. Expected color contrast ratio for large font size at least 4.5:1, but got ratio: 4.43:1,<code>background-color: #517d99</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 27pt</code> (original: <code>36px</code>), <code>font-weight: 700</code>.%6

   Tool: ASLint (eSSENTIAL Accessibility)

   Rule: color_contrast_aaa7

5. Expected color contrast ratio for small font size at least 7:1, but got ratio: 4.43:1, <code>background-color: #517d99</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 14pt</code> (original: <code>18px</code>), <code>font-weight: 400</code>.

   Tool: ASLint (eSSENTIAL Accessibility)

   Rule: color_contrast_aaa7

6. Expected color contrast ratio for small font size at least 7:1, but got ratio: 4.13:1, <code>background-color: #c26233</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 13pt</code> (original: <code>17px</code>), <code>font-weight: 600</code>.

   Tool: ASLint (eSSENTIAL Accessibility)

   Rule: color_contrast_aaa7