Kilotest: Diagnoses of contrast poor violation by HTML element 353 on California Groundbreakers page

Basics

About the California Groundbreakers page

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

About HTML element 353

• Tag name: H2
• Text: Read, Watch, Listen, Comment
• Start tag: <h2 style="text-align:center;white-space:pre-wrap;">
• XPath: /html/body/div[4]/main[1]/div[1]/div[1]/div[1]/div[1]/div[7]/div[1]/div[1]/h2[1]
• Bounding box: x = 482, y = 3295, width = 956, height = 40

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 tools diagnose the contrast poor issue for HTML element 353 of the California Groundbreakers page.

1. Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 2.96 (foreground color: #0fae0f, background color: #ffffff, font size: 30.0pt (40px), font weight: normal). Expected contrast ratio of 3:1

   Tool: Axe (Deque)

   Rule: color-contrast

2. This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.97:1. Recommendation: change text colour to #008a00.

   Tool: HTML CodeSniffer (Squiz Labs)

   Rule: E-WCAG2AAA.Principle1.Guideline1_4.1_4_6.G18.Fail

3. Text contrast of 2.97 with its background is less than the WCAG AA minimum requirements for text of size 40px and weight of 400

   Tool: Accessibility Checker (IBM)

   Rule: text_contrast_sufficient