search

Azure / awesome-azd

An awesome list that curates content (articles, videos, tutorials and docs) and templates (ready to use) for the Azure Developer CLI (`azd`). Plus a hosted azd-templates Gallery to simplify search & discovery
https://aka.ms/awesome-azd
MIT License
141 stars 70 forks source link

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. #341

Open Harika1702 opened 3 months ago

Harika1702 commented 3 months ago

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:

341_A11y_Awesome AZD_Landing page_Top navigation_AI4W