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

• Tag name: P
• Text: If our work helps you stay informed, support it.
• Start tag: <p class="has-text-align-left has-tradeoffs-white-color has-text-color has-link-color wp-elements-5abda2543c0ce9462e86148c06e1a06c wp-block-paragraph">
• XPath: /html/body/div[1]/div[1]/section[1]/main[1]/article[1]/div[1]/div[6]/p[2]
• Bounding box: x = 408, y = 3788, width = 1105, height = 29

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 492 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