Issue Summary

The color alone is used for the links in the "Keyboard Shortcuts" modal dialog inappropriately.

Note: Similar issue has been observed on "Create Page | Insert Link", "Dashboard | My calenders"

Steps to Reproduce

1. Navigate to "Create" button in the header section and activate it.
2. After activating "Create" blank page template will appear on the screen.
3. Navigate to "Help" button and activate it.
4. Observe that a modal dialog has been added on the page.
5. Navigate to the "Editor Autoformatting" button and activate it.
6. Check the link, it has only color to identify.

Screenshot 1

Screenshot 2

Screenshot 3

Actual Results

Color alone #0052CC is used to identify "go to your editor settings" link This link has a low contrast ratio of 2.1:1 with the surrounding text. This will make it difficult for low vision users and those with colorblindness to distinguish links within the block of text.

Expected Results

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 links 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 links but also when the links receive 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, 2019)
macOS Ventura Version 13.3.1
Chrome - Version 114.0.5735.198 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest