Issue Summary

Color alone is used to distinguish link which is present between the paragraph. 

Steps to Reproduce

1. Navigate to the header section.Using "Tab" key, navigate to the "Issue" dropdown.
2. Navigate to any of the issue as "JSM-1 What am i looking at?" and activate it.
3. Observe that "View issue in queue view & comments" page has been appeared on the screen.
4. Navigate to the main content.
5. Activate the "Click to add comment" text field.
6. Now, Activate "Canned responses">"Edit responses" link.
7. Use any color contrast testing tool to check the contrast between the link text and the surrounding text.
8. Observe that links have a low contrast ratio with the surrounding text.

Screenshot

Actual Results

Color alone #0B66E4 is used to identify "Add a response" link. These links have a low contrast ratio of 2.7: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

Users should be able to easily identify the links 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 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.

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.7
Chrome - 131.0.6778.86 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 118.1.1 (19619.2.8.111.7)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest

Workaround

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