Inputs require minimum 3:1 contrast vs. adjacent colors

Description

In Paragon 7, Input controls use #b9babe (light gray) for border colors, which has 1.93:1 luminance contrast vs. white. Please use a darker gray for borders, one that will have minimum 3:1 contrast on any of the lightly tinted backgrounds in Paragon. I suggest #898989, as that seems to work (particularly for the pink background, which is hardest).

The goal of this WCAG 2.1 guideline is to make interactive elements noticeable for low-vision users. See https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html for details

also

https://w3c.github.io/wcag21/understanding/21/non-text-contrast.html

Steps to Reproduce

None

Current Behavior

None

Expected Behavior

None

Reason for Variance

None

Release Notes

None

User Impact Summary

None

Status

Assignee

Adam Butterworth

Reporter

Jeff Witt

Labels

Reach

Group(s)

Impact

Minor / Localized

Customer

None

Partner Manager

None

URL

None

Contributor Name

None

Groups with Read-Only Access

None

Actual Points

None

Category of Work

None

Stakeholders

None

Priority

Unset
Configure