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

• Tag name: A
• Text: Listen Now
• Start tag: <a class="more-link" href="https://tradeoffs.org/2026/06/18/medicaid-overhaul-complicates-states-plans-to-bring-care-into-jails-and-prisons/" rel="bookmark">
• XPath: [not obtained]
• Bounding box: x = 390, y = 1029, width = 160, height = 48

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 398 of the Tradeoffs page.

1. Elements must meet minimum color contrast ratio thresholds; Element's background color could not be determined because element contains an image node

   Tool: Axe (Deque)

   Rule: color-contrast

2. 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 1:1. Recommendation: change text colour to #767676.

   Tool: HTML CodeSniffer (Squiz Labs)

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

3. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast