Issue Summary

The color alone is used to identify the selected state of the “Version/Issues“ container in the non-mdoal dailog.

Steps to Reproduce

1. Open the “Backlog“ page.
2. Navigate to the "Versions" button and activate it.
3. Observe that the non-modal dialog will appear.
4. Navigate to the "Version/Issues" and activate them by pressing enter.
5. Observe that only color has been used to identify the selected state of the button.

Screenshot

Actual Results

The #DDEBFF color is used to identify the "Selected" sort state of the Versions/Issues present in the Versions non-modal dialog.

Color deficiency users and low-vision users will not be able to differentiate between the colors and will have no way to easily identify the currently selected state.

Expected Results

Information presented via color should be conveyed to all users programmatically using another alternate method.

In the mentioned example at least see to it that the color contrast between the selected state and non-selected state should be a minimum of 3:1.

Workaround

Currently, there is no known workaround for this behaviour. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.3
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.3 (19617.2.4.11.8)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest