[Accessibility] [Microsoft Graph Toolkit Playground - mgt agenda]: +7 button is neither accessible by keyboard nor by mouse[Functional]

[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' Overview page will get displayed. Now navigate to 'mgt-agenda' module under 'Components' drop down and activate it. Activate 'Simple' submodule and navigate to canvas. Now verify the issue that '+7' button is neither accessible by keyboard nor by mouse.

Actual Result: '+7' button in Canvas > Simple > mgt-agenda > Components is neither accessible by keyboard nor by mouse.

Expected Result: '+7' button in Canvas > Simple > mgt-agenda > Components should be accessible by keyboard and mouse.

User Impact: Keyboard users will get impacted if '+7' button is not accessible via keyboard/mouse. When interactive components are not accessible, assistive technology users are blocked, which leads to everything from inaccessible content, features and functionality up to entire applications or sites.

Note:

1. Issue is observed for through out the URL for similar kind of buttons.

2)Same issue is repro for below element. mgt-login > Template > 'Go To my profile' button. Refer : Functional_Go to my profile button neither accessible with keyboard nor mouse

https://user-images.githubusercontent.com/85154417/154219686-7bfe753d-6976-4ff0-ab01-c2634f6760fa.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 🙌

[Mnickii]

Hi @Laxmidurga, I have a fix for this in the PR here

[Laxmidurga]

Hi @Mnickii, As checked now thw focus is not moving to '+7' button and for note section issue 'Go to my profile' button is not present in the UI now. Can you please let me know below asks.

1. '+7' button functionality designed to be non-interactive as previously the focus used to move to that control. (We thought, on activating it , we will find some more user profiles in the expanded dropdown. In this case 7).
2. Is 'Go to my profile' button comletely removed from UI as am only able to see the 'sign out' button. URL: https://mgt.dev/next/pr/1865/?path=/story/components-mgt-login--templates

Please let me know if am checking in the wrong url.

[Mnickii]

Hi @Laxmidurga, you're definitely in the right URL, sorry for the misunderstanding. The '+7' button is currently designed as non-interactive so we are removing the focus on it until this functionality is supported. The 'Go to my profile' button had been completely removed but has now been replaced with My Profile button. Hope this clears it up.

[Laxmidurga]

Thanks for clarification @Mnickii Closing the issue as it is no more repro in the above URL.