Accessibility Error: Elements must have sufficient color contrast

Description

Elements must have sufficient color contrast

Elements: POL Details - Related invoices - invoice number link
PO Details - Related invoices - invoice number link
Settings navigation

Lib: ui-orders

Impact: serious

Description
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

Fix
Links
Element has insufficient color contrast of 4.02 (foreground color: #2b75bb, background color: #ebebeb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

After modal is opened - ???

Settings navigation
Element has a 1:1 contrast ratio with the background

Controled vacab buttons
Element has insufficient color contrast of 4.18 (foreground color: #2b75bb, background color: #efefef, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1

CSP Request Details

None

CSP Rejection Details

None

Potential Workaround

None

Attachments

3

Checklist

hide

TestRail: Results

Activity

Show:

Dennis Bridges June 24, 2020 at 11:21 PM

Verified with WCBA - contrast checker

Andrei Shumski June 24, 2020 at 8:54 AM

Andrei Shumski June 24, 2020 at 8:52 AM

Tested with WCAG - Color contrast checker on folio-testing

Mikita Siadykh May 19, 2020 at 7:49 AM

yep, WCAG - Color contrast checker

Khalilah Gambrell May 18, 2020 at 3:57 PM

, did you use the following tool to evaluate color contrast https://chrome.google.com/webstore/detail/wcag-contrast-checker/plnahcmalebffmaghcpcmpaciebdhgdf when reporting this issue? The Deque aXe tool does not account for rgb(a) which is the color FOLIO uses?

cc: and

Done

Details

Assignee

Reporter

Tester Assignee

Priority

Story Points

Sprint

Development Team

Thunderjet

Fix versions

TestRail: Cases

Open TestRail: Cases

TestRail: Runs

Open TestRail: Runs
Created March 11, 2020 at 11:39 AM
Updated July 28, 2020 at 9:08 AM
Resolved June 24, 2020 at 11:21 PM
TestRail: Cases
TestRail: Runs