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

• Tag name: P
• Text: Tradeoffs helps you cut through the noise with clear, deeply reported journalism on the forces driving the health care’s toughest choices — reporting you won’t find anywhere else.
• Start tag: <p class="has-text-align-left has-tradeoffs-white-color has-text-color has-link-color wp-elements-907790c66204d0c47d318e29b41cb888 wp-block-paragraph">
• XPath: /html/body/div[1]/div[1]/section[1]/main[1]/article[1]/div[1]/div[6]/p[1]
• Bounding box: x = 408, y = 3703, 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 491 of the Tradeoffs page.

1. Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 4.16 (foreground color: #ffffff, background color: #d15254, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

   Tool: Axe (Deque)

   Rule: color-contrast

2. Text contrast of 4.16 with its background is less than the WCAG AA minimum requirements for text of size 18px and weight of 400

   Tool: Accessibility Checker (IBM)

   Rule: text_contrast_sufficient

3. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast