Kilotest: Diagnoses of text contrast improvable violation by HTML element 479 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 479

• Tag name: A
• Text: Learn More
• Start tag: <a href="/parks-concerts-events-committee" class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element" data-sqsp-button="">
• XPath: [not obtained]
• Bounding box: x = 260, y = 1555, width = 165, height = 71

About the text contrast improvable issue

• Why it matters: Content is not easy to understand
• Priority: lowest
• Related WCAG standard: 1.4.6

Diagnoses

Here is how tools diagnose the text contrast improvable issue for HTML element 479 of the Northwest District Association page.

1. Elements must meet enhanced color contrast ratio thresholds; Element has insufficient color contrast of 5.29 (foreground color: #ffffff, background color: #1470af, font size: 9.9pt (13.2px), font weight: normal). Expected contrast ratio of 7:1

   Tool: Axe (Deque)

   Rule: color-contrast-enhanced

2. This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 7:1, but text in this element has a contrast ratio of 5.29:1. Recommendation: change background to #005c9a.

   Tool: HTML CodeSniffer (Squiz Labs)

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

3. [failed] Element has contrast ratio lower than minimum.

   Tool: QualWeb (University of Lisbon)

   Rule: QW-ACT-R76