Skip to content

Add underline styling to video titles for accessibility#26934

Merged
MaanavD merged 3 commits intogh-pagesfrom
copilot/fix-onxx-runtime-link-issue
Jan 7, 2026
Merged

Add underline styling to video titles for accessibility#26934
MaanavD merged 3 commits intogh-pagesfrom
copilot/fix-onxx-runtime-link-issue

Conversation

Copy link
Contributor

Copilot AI commented Jan 7, 2026

Video titles in the home page Videos section lacked visual link affordances (underline), making them indistinguishable from plain text for low vision users.

Changes

  • Added underline class to video title links in videogallery.svelte
  • Links maintain default text color while providing clear visual affordance through underline

Before:

<a class="text-xl" href={video.link}>

After:

<a class="text-xl underline" href={video.link}>

Screenshot

Links now display with underline, meeting WCAG requirements for visual link identification.

Original prompt

This section details on the original issue you should resolve

<issue_title>"What is ONNX Runtime (ORT)?,Converting Models to ONNX Format, Optimize Training and Inference with ONNX Runtime (ACPT/DeepSpeed)" links visually not appearing as links: A11y__ONNX Runtime & Ecosystem_Runtime_Usable</issue_title>
<issue_description>#A11yTCS #A11yUsable #DesktopWeb #Chrome #Win11 #BM_ONNX Runtime & Ecosystem_Web_June2025; #ONNX Runtime & Ecosystem; #Benchmark #Rev:shta #rev:moda

Environment Details:

Application Name: WCP URLs - ONNX Runtime
URL: https://onnxruntime.ai/
Chrome Version: 120.0.6099.130
OS: Windows 11 version 23H2

Steps to Reproduce

  1. Hit the URL "https://onnxruntime.ai/".
  2. "ONNX Runtime" home page appeared.
  3. Tab till What is ONNX Runtime (ORT)?,Converting Models to ONNX Format, Optimize Training and Inference with ONNX Runtime (ACPT/DeepSpeed) links under videos section.
  4. Now, observe that What is ONNX Runtime (ORT)?,Converting Models to ONNX Format, Optimize Training and Inference with ONNX Runtime (ACPT/DeepSpeed) links are not visually appearing as links.

Actual Results:

"What is ONNX Runtime (ORT)?,Converting Models to ONNX Format, Optimize Training and Inference with ONNX Runtime (ACPT/DeepSpeed)" links are not visually appearing as links.

Expected Results:

"What is ONNX Runtime (ORT)?,Converting Models to ONNX Format, Optimize Training and Inference with ONNX Runtime (ACPT/DeepSpeed)" links should be visually appearing as links. color and underline should be provided for the links.

User Impact:

Low vision users may not be able to differentiate the links if there is no color or underline is provided.
###Attachment:

Image</issue_description>

<agent_instructions>should be an easy fix.</agent_instructions>

Comments on the Issue (you are @copilot in this section)


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Co-authored-by: MaanavD <24942306+MaanavD@users.noreply.github.com>
@MaanavD
Copy link
Contributor

MaanavD commented Jan 7, 2026

@copilot I don't want the text to be cyan, just underlined in general

Copilot AI changed the title [WIP] Fix links visually not appearing in ONNX Runtime documentation Add visual link styling to video titles for accessibility Jan 7, 2026
Copilot AI requested a review from MaanavD January 7, 2026 22:07
Co-authored-by: MaanavD <24942306+MaanavD@users.noreply.github.com>
Copy link
Contributor Author

Copilot AI commented Jan 7, 2026

@copilot I don't want the text to be cyan, just underlined in general

Updated in commit 20c9222. The video links now have underline only, without the cyan color.

Updated video links

@MaanavD MaanavD marked this pull request as ready for review January 7, 2026 22:12
Copilot AI changed the title Add visual link styling to video titles for accessibility Add underline styling to video titles for accessibility Jan 7, 2026
Copilot AI requested a review from MaanavD January 7, 2026 22:13
@MaanavD MaanavD merged commit 3b60c3c into gh-pages Jan 7, 2026
1 of 2 checks passed
@MaanavD MaanavD deleted the copilot/fix-onxx-runtime-link-issue branch January 7, 2026 22:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants