Kilotest: Diagnoses of contrast poor violation by HTML element 307 on California YIMBY Education Fund page

Basics

About the California YIMBY Education Fund page

• URL: https://cayimby.org/
• Tested 29 days ago by job 6d3 on 2026-05-03 at 17:05

About HTML element 307

• Tag name: BUTTON
• Text: Sign Up
• Start tag: <button type="submit" class="btn">
• XPath: /html/body/div[1]/footer[1]/div[1]/div[1]/div[1]/div[2]/form[1]/button[1]
• Bounding box: x = 1438, y = 3903, width = 130, height = 48

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 307 of the California YIMBY Education Fund page.

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

   Tool: Axe (Deque)

   Rule: color-contrast

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

   Tool: Accessibility Checker (IBM)

   Rule: text_contrast_sufficient

3. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast