Kilotest: Diagnoses of text contrast improvable violation by HTML element 303 on Portland General Electric page

Basics

About the Portland General Electric page

• URL: https://portlandgeneral.com/
• Tested 38 days ago by job 9pn on 2026-04-24 at 19:42

About HTML element 303

• Tag name: SPAN
• Text: Sign in
• Start tag: <span class="MuiButton-label">
• XPath: [not obtained]
• Bounding box: x = 719, y = 532, width = 64, height = 18

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 303 of the Portland General Electric page.

1. Elements must meet enhanced color contrast ratio thresholds; Element has insufficient color contrast of 3.04 (foreground color: #ffffff, background color: #f06d06, font size: 14.0pt (18.66px), font weight: bold). Expected contrast ratio of 4.5: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 3.05:1. Recommendation: change background to #934100.

   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