Kilotest: Diagnoses of text contrast improvable
violation by HTML element 637 on Northwest Natural Gas page
Basics
About the Northwest Natural Gas page
- URL: https://www.nwnatural.com/
- Tested 7 days ago by job
wtaon 2026-05-26 at 03:09
About HTML element 637
- Tag name:
FORM - Text:
Sign In … Register
- Start tag:
<form method="post" action="https://www.nwnatural.com/identity/externallogin?authenticationType=NWNIdentityServer&amp;ReturnUrl=%2fidentity%2fexternallogincallback%3fReturnUrl%3d%26sc_site%3dNWNatural%26authenticationSource%3dDefault&amp;sc_site=NWNatural"> - XPath:
/html/body/div[2]/div[1]/div[1]/div[1]/div[2]/div[1]/div[1]/form[1] - Bounding box: x = 0, y = 0, width = 0, height = 0
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 637 of the Northwest Natural Gas page.
- Expected color contrast ratio for small font size at least 7:1, but got ratio: 4.87:1, <code>background-color: #ffffff</code>, <code>foreground-color: #007aa3</code>, <code>font-size: 12pt</code> (original: <code>16px</code>), <code>font-weight: 400</code>. <small>Note:</small> The element is possibly visually hidden and that state might be temporary. For example the lazy loading technique can be used and the element will be visible at some point.
Tool: ASLint (eSSENTIAL Accessibility)
Rule:
color_contrast_aaa7 - Expected color contrast ratio for small font size at least 7:1, but got ratio: 4.46:1, <code>background-color: #f4f5f7</code>, <code>foreground-color: #007aa3</code>, <code>font-size: 12pt</code> (original: <code>16px</code>), <code>font-weight: 400</code>. <small>Note:</small> The element is possibly visually hidden and that state might be temporary. For example the lazy loading technique can be used and the element will be visible at some point.
Tool: ASLint (eSSENTIAL Accessibility)
Rule:
color_contrast_aaa7