Issue Summary

Color alone is used to distinguish the "Disable Keyboard Shortcuts" link.

Steps to Reproduce

1. Open the "Home" page.
2. Navigate to the header section.
3. Navigate to the "Help" > "Keyboard Shortcuts" buttons and activate them > a modal appears.
4. Navigate to the mentioned link in the "Keyboard Shortcuts" modal dialog.
5. Observe that color alone is used to distinguish the above mentioned link.

Screenshot

Actual Results

The #0B66E4 color alone is used to identify the "Disable Keyboard Shortcuts" link in the "Keyboard Shortcuts" modal dialog that becomes available on activating the "Help" and "Keyboard Shortcuts" buttons in the header section.

The mentioned link has a low contrast ratio of 2.7:1 with the surrounding text.

This will make it difficult for low-vision users and those with color blindness to distinguish the link within the block of text.

Expected Results

Users should be able to easily identify the link within the block of text.

To make it easy for all users to recognize links the best practice is to persistently underline them or provide any other visual cue such as formatting the text as bold or italic. If the above solution is not feasible, change the color of the link so that they have a contrast ratio of at least 3:1 with the surrounding text.

Moreover, it is best practice to ensure that the underline appears not only when the mouse is hovered over the link but also when the link receives the keyboard focus.

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.7
Chrome - Version 131.0.6778.86 (Official Build) (arm64)
Firefox- Version 134.0 (64-bit) 
Safari- Version 18.1.1 (20619.2.8.11.12)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest