[Accessibility] [Microsoft Graph Toolkit Playground-Canvas]: Unnecessary keyboard focus is going to 'Canvas' tab. [Sev3] [WCAG2.1.1]

[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' page will get displayed. Navigate to 'Canvas' tab and verify the issue that unnecessary keyboard focus is going to 'Canvas' tab or not.

Actual Result: Unnecessary keyboard focus is going to 'Canvas' tab. As there is only one canvas to display, no need to define 'Canvas' tab rather than it should be defined in heading for better understanding.

Expected Result: Keyboard focus should not go to 'Canvas' tab as it is non interactive. It should not be defined in tab item.

User Impact: Keyboard users will get impacted if unnecessary keyboard focus is going to 'Canvas'. This will in turn lead to extra tab navigation for the users.

WCAG Reference: https://microsoft.sharepoint.com/:w:/r/sites/accessibility/_layouts/15/Doc.aspx?sourcedoc=%7B1F29ACF9-A3E7-414F-BD8D-7E3598D877BB%7D&file=MAS%202.1.1%20%E2%80%93%20Keyboard.docx&action=default&mobileredirect=true&share=IQH5rCkf56NPQb2NfjWY2He7Aeb5TcbMWAhFI1qSPXGduVM&cid=d82b3021-4cc3-4c71-b248-babd084f9e41

https://user-images.githubusercontent.com/85154417/161550235-045462f3-1d92-49d6-ae1e-907a530951cc.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 🙌