Details
-
Bug
-
Resolution: Unresolved
-
Medium
-
5.2.0
-
Severity 3 - Minor
-
Description
Issue Summary
The focus indicator of the user interface fails the minimum color contrast ratio i.e. 3:1.
Steps to Reproduce
- Open the "Login" page.
- Navigate through the page using the keyboard.
- Observe the focus indicator of the "Checkbox" and "Login" button.
- Use the CCA testing tool to check the color contrast.
- Observe that the color contrast between the focus indicator and the adjacent color is insufficient.
Screenshot
Actual Results
The focus indicator of some of the interactive elements fails the minimum color contrast requirements with its background color.
FG: #4C9AFF
BG: #FFFFFF
Contrast ratio: 2.8:1
As a result, low-vision users will find it difficult to distinguish the form controls that have insufficient contrast.
Expected Results
When the users navigate to the interactive elements available in the main content area should have a clear focus ring while making sure that focus indicators or changes of color that are used to indicate the focus have a minimum color contrast ratio of 3:1.
A color contrast analyzer can be downloaded from Color Contrast Checker - TPGi
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available.
Environment
MacBook Pro (16-inch, 2021)
macOs Sonoma 14.2
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.0 (19616.1.27.211.1)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
Attachments
Issue Links
- mentioned in
-
Page Loading...