Kilotest: Diagnoses of text contrast improvable violation by HTML element 854 on Northwest Natural Gas page

Basics

About the Northwest Natural Gas page

• URL: https://www.nwnatural.com/
• Tested 7 days ago by job wta on 2026-05-26 at 03:09

About HTML element 854

• Tag name: A
• Text: Careers
• Start tag: <a href="https://www.nwnatural.com/about-us/the-company/careers" class="Link Link--white">
• XPath: /html/body/div[2]/div[1]/div[4]/div[2]/div[1]/div[2]/a[2]
• Bounding box: x = 1009, y = 1971, width = 64, height = 21

Take me there

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 854 of the Northwest Natural Gas page.

1. Elements must meet enhanced color contrast ratio thresholds; Element has insufficient color contrast of 4.96 (foreground color: #ffffff, background color: #66717f, font size: 13.5pt (18px), 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 4.96:1. Recommendation: change background to #4f5a68.

   Tool: HTML CodeSniffer (Squiz Labs)

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