onnxruntime
3b60c3cb - Add underline styling to video titles for accessibility (#26934)

Commit
60 days ago
Add underline styling to video titles for accessibility (#26934) 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:** ```svelte <a class="text-xl" href={video.link}> ``` **After:** ```svelte <a class="text-xl underline" href={video.link}> ``` ### Screenshot <img src="https://github.com/user-attachments/assets/3dc58676-0bed-4132-8f53-6a67dd4b46f2"> Links now display with underline, meeting WCAG requirements for visual link identification. <!-- START COPILOT ORIGINAL PROMPT --> <details> <summary>Original prompt</summary> > > ---- > > *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. > 5. 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: > > <img width="955" alt="Image" src="https://github.com/user-attachments/assets/5df09a4e-b9d6-4d32-9754-93148a7577fe" /></issue_description> > > <agent_instructions>should be an easy fix.</agent_instructions> > > ## Comments on the Issue (you are @copilot in this section) > > <comments> > </comments> > </details> <!-- START COPILOT CODING AGENT SUFFIX --> - Fixes microsoft/onnxruntime#24965 <!-- START COPILOT CODING AGENT TIPS --> --- 💡 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](https://gh.io/copilot-coding-agent-tips) in the docs. --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: MaanavD <24942306+MaanavD@users.noreply.github.com>
Author
Parents
Loading