Ensures aria-hidden elements are not focusable nor contain focusable elements (i[role="none"][data-tabster-dummy=""]:nth-child(1)): A11y_Awesome AZD_Landing page_Top navigation_AI4W.

[Harika1702]

Tags

#A11yTCS; #A11ySev2; #A11yMAS; #WCP; #ChromiumEdge; #FTP; #Win11; #awesome-azd-wcp; #Feature_AwesomeAZD_Web_Mar2024; #WCAG4.1.2; #Name Role Value; #DesktopWeb; #AI4W; #A11yAuto;

"Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility or the Divisional Driver".

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

Environment Details:

Application: Awesome AZD
URL: https://azure.github.io/awesome-azd/
Chromium Edge: Version 123.0.2420.20
Windows 11 Enterprise.
Version 23H2 OS build 22631.2050.

Repro Steps:

1. Hit this URL: https://azure.github.io/awesome-azd/.
2. Now run AI4W.
3. verify the issue that Ensures aria-hidden elements are not focusable nor contain focusable elements.

Issue:

Ensures aria-hidden elements are not focusable nor contain focusable elements (aria-hidden-focus - https://accessibilityinsights.io/info-examples/web/aria-hidden-focus)

Target application:

Awesome Azure Developer CLI - https://azure.github.io/awesome-azd/

Element path:

i[role="none"][data-tabster-dummy=""]:nth-child(1)

Snippet:

How to fix:

Fix all of the following:
Focusable content should have tabindex='-1' or be removed from the DOM

Environment:

====
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: