A11y_30days_Welcome to 30days of learning_Keyboard: After navigating through the “Submenu of Support button” when press tab keyboard focus is not visible, when press tab again then keyboard focus is visible on “Blog link”.

[Ashutoshsahoo164]

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

GitHub Tags:

A11yTCS;#A11yMAS;#A11ySev3;#30days;#P3_30days_Dec22;#WCAG2.1.1;#DesktopWeb;#Win11;ChromiumEdge

Environment Details:

Application Name: 30days

URL: https://microsoft.github.io/30daysof/

Windows Version: Win11 Chromium Edge Version: 110.0.1556.0 (Official build) dev (64-bit)

Repro Steps:

1. Hit the URL: https://microsoft.github.io/30daysof/
2. “30Days of Learning” page will open.
3. Tab to “Support button” in header section and press enter.
4. Tab to “Progressive web apps link” in submenu and press tab again.
5. Observe that keyboard focus is not visible on the “Blog” link.

   Actual:

   After navigating through the “Submenu of Support button” keyboard focus is not visible and when tab again keyboard focus is visible on “Blog” link.

   Expected:

   After navigating through the “Submenu of Support button” keyboard focus should be visible on “Blog” link directly.

User Impact:

Keyboard only users will face difficulty to understand where the keyboard focus is.

Attachment:

209326939-67e06357-9ca7-4f42-8c32-aae2ba924976.webm

[nitya]

Navbar sub-menus no longer exist - moved to footer as flat hierarchy

[nitya]

@Ashutoshsahoo164 can you verify if issue is resolved?

[Raghu-addepalli]

verified the issue in below https://microsoft.github.io/30daysof/ environment the controls causing the issue are not available in environment hence closing the bug and added attachment. Githubtags: #Closed;