Kilotest: Diagnoses of text contrast improvable violation by HTML element 487 on Tradeoffs page

Basics

About the Tradeoffs page

• URL: https://tradeoffs.org/
• Tested 30 days ago by job 5g2 on 2026-06-20 at 13:59

About HTML element 487

• Tag name: DIV
• Text: Support Tradeoffs … Donate
• Start tag: <div class="wp-block-group hp-section hp-cta has-tradeoffs-red-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained">
• XPath: /html/body/div[1]/div[1]/section[1]/main[1]/article[1]/div[1]/div[6]
• Bounding box: x = 360, y = 3507, width = 1200, height = 450

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 rule engines diagnose the text contrast improvable issue for HTML element 487 of the Tradeoffs page.

1. The highest possible contrast of the text is 4.16: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.16:1 which is below the required contrast of 4.5:1

   Tool: Alfa (Siteimprove)

   Rule: r66

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

   Tool: Alfa (Siteimprove)

   Rule: r66

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

   Tool: Alfa (Siteimprove)

   Rule: r66

5. Expected color contrast ratio for large font size at least 4.5:1, but got ratio: 4.16:1,<code>background-color: #d15254</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 21pt</code> (original: <code>28px</code>), <code>font-weight: 600</code>.%6

   Tool: ASLint (eSSENTIAL Accessibility)

   Rule: color_contrast_aaa7

6. Expected color contrast ratio for large font size at least 4.5:1, but got ratio: 4.16:1,<code>background-color: #d15254</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 36pt</code> (original: <code>48px</code>), <code>font-weight: 500</code>.%6

   Tool: ASLint (eSSENTIAL Accessibility)

   Rule: color_contrast_aaa7

7. Expected color contrast ratio for small font size at least 7:1, but got ratio: 4.16:1, <code>background-color: #d15254</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

8. Expected color contrast ratio for small font size at least 7:1, but got ratio: 4.16:1, <code>background-color: #d15254</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