Ensure links are distinguished from surrounding text in a way that does not rely on color (.text-blue-700)

[Govardhani-T]

GitHub Tags:

#A11ySev3; #A11yTCS; #DesktopWeb; #SH_ONNX Runtime & Ecosystem_Web_Mar2024; #ONNX Runtime & Ecosystem; #WCP; #Win11; #FTP; #P3_WCP; #ONNX Runtime; #ChromiumEdge; A11yWCAG2.1; #A11yMAS; #link-in-text-block; #WCAG1.4.1; #A11yAuto #use of color;
"Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility or the Divisional Driver".

Environment Details:

Application Name: WCP URLs - ONNX Runtime
URL: https://onnxruntime.ai/
Edge version: 123.0.2420.53 (Official build) (64-bit)
OS: Windows 11 version 23H2

Steps to Reproduce

1. Hit the URL "https://onnxruntime.ai/blogs/accelerating-llama-2".
2. Run Accessibility Insights for web.
3. Now check that Ensure links are distinguished from surrounding text in a way that does not rely on color.

Issue:

Ensure links are distinguished from surrounding text in a way that does not rely on color (link-in-text-block - https://dequeuniversity.com/rules/axe/4.9/link-in-text-block?application=msftAI)

Target application:

ONNX Runtime | Blogs/accelerating-llama-2 - https://onnxruntime.ai/blogs/accelerating-llama-2

Element path:

p:nth-child(4) > .text-blue-700

Snippet:

announced

Related paths:

p:nth-child(4)

How to fix:

Fix any of the following:
The link has insufficient color contrast of 2.74:1 with the surrounding text. (Minimum contrast is 3:1, link text: #1d4ed8, surrounding text: #141415)
The link has no styling (such as underline) to distinguish it from the surrounding text

Environment: Microsoft Edge version 127.0.0.0

====

This accessibility issue was found using Accessibility Insights for Web 2.44.0 (axe-core 4.9.1), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

Attachment:

[Samhitha66]

#Rev:samhithaks;

[MaanavD]

Hey @Govardhani-T this should be addressed :)