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

• Tag name: BUTTON
• Text: SEARCH
• Start tag: <button aria-label="Search" class="wp-block-search__button wp-element-button" type="submit">
• XPath: /html/body/div[1]/div[1]/div[4]/div[3]/div[1]/div[1]/div[1]/div[4]/div[1]/form[1]/div[1]/button[1]
• Bounding box: x = 1762, y = 6018, width = 130, height = 50

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

1. 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 4.12:1. Recommendation: change background to #fafafa.

   Tool: HTML CodeSniffer (Squiz Labs)

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