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

• Tag name: A
• Text: DONATE
• Start tag: <a href="https://tradeoffs.org/about/donate/">
• XPath: /html/body/div[1]/header[1]/div[1]/div[1]/div[3]/div[1]/nav[1]/ul[1]/li[1]/a[1]
• Bounding box: x = 1282, y = 27, width = 69, height = 25

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

1. Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 1.93 (foreground color: #ffffff, background color: #faaa1d, font size: 11.3pt (15px), font weight: bold). Expected contrast ratio of 4.5:1

   Tool: Axe (Deque)

   Rule: color-contrast

2. Text contrast of 1.94 with its background is less than the WCAG AA minimum requirements for text of size 15px and weight of 700

   Tool: Accessibility Checker (IBM)

   Rule: text_contrast_sufficient

3. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast