(Accessibility) Links in blocks of text must have color contrast ratio of 3:1 and should have underline or other means of identification

[1Copenut]

Description
We use our primary blue color for links, calls to action, and active tabs. Generally this is fine because we have additional means like heavy lower borders, icons, or other visual clues to help users perceive these as actionable. This issue is being written to address links in blocks of text that do not have these affordances.

Links in text can be hard to spot by color alone. The WCAG guidance is a minimum color contrast of 3:1 and strongly recommends a second means like an underline. We have a number of instances where our links are not underlined that have been noted for review. Including two examples from our Integrations view for reference.

I recognize this is a large item with many groups affected, so I'm adding it as a design issue and opening a GitHub discussion.

---

---

Actual Result

• Links are included in blocks of text without visual cues

Expected Result

• Links in blocks of text would have a secondary cue, preferably an underline

Kibana Version:
v8.8.0

OS:
MacOS Monterey

Browser:
Chrome

Relevant WCAG Criteria:

• SC 1.4.1: Use of Color (Level A)
• Using a contrast ratio of 3:1 with surrounding text and providing additional visual cues on hover for links or controls where color alone is used to identify them

[elasticmachine]

Pinging @elastic/kibana-accessibility (Project:Accessibility)