Kilotest: Diagnoses of contrast poor 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 contrast poor issue

• Why it matters: Content is difficult to understand
• Priority: highest
• Related WCAG standard: 1.4.3

Diagnoses

Here is how rule engines diagnose the contrast poor 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: r69

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: r69