Ensures role attribute has an appropriate value for the element.:A11y_.NetAspireDashboard_Resources_Resources_AI4W.

[PoojaNamde]

"Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier."

Please do not close this bug. This bug should only be closed by Trusted Tester after verification.

Tags:

#A11yTCS; #A11yMAS; #A11ySev2; #A11yAuto; #FTP; #Win11; #ChromiumEdge; #FTP; #DesktopWeb; #.NET Core; #SH_.Net Aspire Dashboard_Web_Mar2024; #WCAG1.3.1; #AI4W; #Element:TabItems;

Environment Details:

Application Name: .Net Aspire Dashboard
URL: https://localhost:19888/
Chrome Version 122.0.2365.80 (Official build) (64-bit)
Window Version: Win 11
OS Build: 22621.3085

Repro Steps:

1. Hit the URL: https://localhost:15887/ and login with valid credentials.
2. Turn on Automated checks toggle button in "Accessibility Insights for Web".
3. Observe the issue.

Issue:

Ensures role attribute has an appropriate value for the element (aria-allowed-role - https://dequeuniversity.com/rules/axe/4.7/aria-allowed-role?application=msftAI)

Target application:

TestShop structured logs - http://localhost:15888/structuredlogs

Element path:

#f41db7144

Snippet:

How to fix:

Fix any of the following:
ARIA role list is not allowed for given element

Environment:

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

Attachment:

[adamint]

This is an issue with fluentui-blazor. See https://github.com/microsoft/fluentui-blazor/blob/dev/src/Core/Components/AppBar/FluentAppBar.razor for the incorrect roles being applied. Linking to created issue over on that repository

tagging @vnbaaij

[adamint]

@PoojaNamde please re-test on main

[adamint]

@PoojaNamde

[SwatiJo]

[SwatiJo]

Issue has been fixed.

[Yash14j]

GithubTags: #Closed;