Kilotest: Diagnoses of contrast poor violation by HTML element 577 on Northwest District Association page

Basics

About the Northwest District Association page

• URL: https://www.northwestdistrictassociation.org/
• Tested 36 days ago by job zg5 on 2026-04-26 at 17:33

About HTML element 577

• Tag name: H2
• Text: Connect
• Start tag: <h2 style="text-align:center;white-space:pre-wrap;">
• XPath: [not obtained]
• Bounding box: x = 260, y = 1710, width = 1400, height = 44

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 577 of the Northwest District Association page.

1. Elements must meet minimum color contrast ratio thresholds; Element's background color could not be determined because it is overlapped by another element

   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

3. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast