[Accessibility] [Microsoft Graph Toolkit Playground - Navigation LM]: Keyboard focus is landing twice on the 'Microsoft Graph Toolkit playground' link. [Sev3][WCAG2.4.3]

[SrujanaAnaganti]

Test Environment: OS Build: Windows 11 Version: 21H2 (OS Build 22000.318) Browser: Edge Version 96.0.1054.43 (Official build) (64-bit) URL: https://mgt.dev/next Screen reader: Narrator Tool: Accessibility insights for web

Repro Steps:

Open the above URL and login with valid credentials. 'Microsoft Graph Toolkit Playground' home page will get displayed. Now navigate to 'Microsoft Graph Toolkit Playground' link and verify the issue that keyboard focus lands twice on this link.

Actual: Keyboard focus is landing twice on 'Microsoft Graph Toolkit Playground' link. First time when focus lands on this link no action is getting performed by activating it and when user hits 'TAB' key, again the focus lands on same link and then when user hits 'Enter' the link is redirecting to 'GitHub' page.

Expected: Keyboard focus should not land twice on 'Microsoft Graph Toolkit Playground' link. Focus should land only once on the 'Microsoft Graph Toolkit Playground' link and should get activated when user hits on the link.

User Impact: When focus order does not follow the visible reading order, the experience can create a different interaction pattern, and/or unintended content relationships for assistive technology users. On rare occasions, there is a logical reason the focus order is different from the reading order, but the meaning of the content and interactions must remain the same.

WCAG Reference: https://www.w3.org/WAI/WCAG21/Understanding/focus-order

https://user-images.githubusercontent.com/85154417/153721604-9ea97695-e2f2-4b4f-8f19-99ae6b98d0d2.mp4

[ghost]

Hello SrujanaAnaganti, thank you for opening an issue with us!

I have automatically added a "needs triage" label to help get things started. Our team will analyze and investigate the issue, and escalate it to the relevant team if possible. Other community members may also look into the issue and provide feedback 🙌

[Laxmidurga]

Hi @musale, @sebastienlevert As verified, issue does not repro in the below URL as keyboard focus is landing only once on the 'Microsoft Graph Toolkit playground' link. Hence, closing.

URL: https://mgt.dev/next/pr/1849/?path=/story/overview--page