Kilotest: Diagnoses of contrast poor violation by HTML element 422 on 350 Sacramento page

Basics

About the 350 Sacramento page

• URL: https://350sacramento.org/
• Tested 28 days ago by job 029 on 2026-05-04 at 16:59

About HTML element 422

• Tag name: H2
• Text: Ways to Get Involved
• Start tag: <h2 style="text-align: left;">
• XPath: [not obtained]
• Bounding box: x = 300, y = 2399, width = 1319, height = 65

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 422 of the 350 Sacramento page.

1. Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 2.09 (foreground color: #ffffff, background color: #b3b3b3, font size: 30.0pt (40px), font weight: bold). 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 1:1. Recommendation: change text colour to #767676.

   Tool: HTML CodeSniffer (Squiz Labs)

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