Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (a[href$="Downloads/"]): A11y_ASP.NETCore_Index_AI4W.

[shindepra]

"Please do not close this bug. This bug should only be closed by Trusted Tester after verification."
"Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier."

GitHub Tags:

#A11ySev2; #A11yTCS; #DesktopWeb; #Win11; #.NET Core Cloud Platform; #BM_.NETCoreCloudPlatform_Web_July25; #AI4W; #WCAG1.4.3; #ColorContrast; #A11yMAS; #A11yAuto; #Accessibility; #Contrast(Minimum);

Environment Details:

Application Name: ASP .NET Core (.NET Core Cloud Platform)
URL: http://localhost:53936/
Chromium Edge version: Version 138.0.3351.83 (Official build) (64-bit)
Windows Version 24H2
OS Build Version 26100.4652

Repro step:  

1. Download the "BlazorWebAssemblyApp" zip file and run .exe file.
2. Open the Command prompt and Run the command "dnx dotnet-serve".
3. TAB to "http://localhost:53936/" link and press CTRL + ENTER key.
4. TAB to "Index" page and hit ENTER key.
5. Turn on Accessibility insights for Web and Observe that the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (a[href$="Downloads/"])

Issue:

Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (color-contrast - https://accessibilityinsights.io/info-examples/web/color-contrast)

Target application:

Index of / - http://localhost:53936/

Element path:

a[href$="Downloads/"]

Snippet:

Downloads/

How to fix:

Fix any of the following:
Element has insufficient color contrast of 2.89 (foreground color: #1ba1e2, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Environment: Microsoft Edge version 140.0.0.0

====

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

Attachment:

Color contrast attachment:

[danroth27]

@joperezr It looks this is the old Directory browsing UI, not Blazor.