Kilotest: Diagnoses of contrast poor violation by HTML element 176 on Sightline Institute page

Basics

About the Sightline Institute page

• URL: https://www.sightline.org/
• Tested 29 days ago by job wxv on 2026-05-03 at 17:04

About HTML element 176

• Tag name: A
• Text: Donate
• Start tag: <a class="gb-button gb-button-20e05a1f gb-button-text OrangeButton" href="https://www.sightline.org/donate/">
• XPath: /html/body/header[1]/div[1]/div[2]/a[2]
• Bounding box: x = 1296, y = 23, width = 102, height = 44

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 tools diagnose the contrast poor issue for HTML element 176 of the Sightline Institute page.

1. Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 4.12 (foreground color: #c26233, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

   Tool: Axe (Deque)

   Rule: color-contrast

2. Text contrast of 4.13 with its background is less than the WCAG AA minimum requirements for text of size 17px and weight of 600

   Tool: Accessibility Checker (IBM)

   Rule: text_contrast_sufficient

3. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast