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

• Tag name: H4
• Text: Independent reporting, powered by you.
• Start tag: <h4 id="h-independent-reporting-powered-by-you" class="wp-block-heading has-tradeoffs-white-color has-text-color has-link-color wp-elements-4a28ec9e8463cb03980b45772055594a">
• XPath: /html/body/div[1]/div[1]/section[1]/main[1]/article[1]/div[1]/div[6]/h4[1]
• Bounding box: x = 408, y = 3637, width = 1105, height = 58

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 490 of the Tradeoffs 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 4.16:1. Recommendation: change background to #525252.

   Tool: HTML CodeSniffer (Squiz Labs)

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