[MGTP-Components-Samples-General-Localization ]: ‘List items under Task group’, ‘Task bucket’, Assigned to’ buttons are not accessible using keyboard.

[Raisul123]

Test Environment: 
OS Build: Windows 11 
Version: 22H2 (OS Build 25300.1000) 
Browser: Edge dev 
Browser Version 114.0.1807.5 (Official build) dev (64-bit)
URL: Components / mgt-agenda / Properties - Preferred Timezone ⋅ Storybook

Pre-requisites:
Navigate using keyboard only.

Repro Steps:

1. Open the above URL and login with valid credentials.
2. 'Microsoft Graph Toolkit Playground' Overview page will get displayed.
3. Navigate to 'Components' button using tab key and expand it.
4. Navigate to 'Samples' button using tab key and expand it.
5. Navigate to 'General' button using arrow key and expand it.
6. Navigate to 'Localization' link using arrow key and activate it.
7. Navigate to ‘Add me’ button using tab key and activate it.
8. Navigate to the list items under ‘Task group’, ‘Task bucket’ , ‘assigned to’ button using tab key/arrow key.
9. Observe the issue.

Actual Result:
Keyboard users is not able to access ‘list items under ‘Task group’, ‘Task bucket’, Assigned to’ buttons using Tab key/arrow key.

Observation:

1. The ‘Assigned to’ button is getting activates with mouse.
2. ‘List items Task group’ and ‘Task bucket’ are not functional with mouse.

Expected result:
‘List items Task group’ and ‘Task bucket’ should be functional using keyboard and mouse and ‘Assigned to’ button should be accessible with keyboard.

Note:
‘Tasks’ button is not accessible using keyboard. (Navigation Path: Samples / General - Cache ⋅ Storybook (mgt.dev) )(Note_1)

User experience:
It will be difficult for the keyboard users to access the links and to perform functionality if the controls are not accessible with keyboard navigation. Hence, they are blocked from performing action.

WCAG Reference link:
https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation-keyboard-operable.html

Have feedback to share on Bugs? Please help fill Trusted Tester Bug Feedback (office.com)"

Attachment:

Keyboard.users.is.not.able.to.access.list.items.under.Task.group.Task.bucket.Assigned.to.buttons.using.Tab.keyarrow.key.mp4

[ghost]

Hello Raisul123, 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 🙌

[sebastienlevert]

This seems to be related to the regression with the Tasks component. @musale do you have an update here?

[musale]

@sebastienlevert yes, PR #2313 fixes this for the component and #2251

[gavinbarron]

This is a duplicate of #2251
Closing as the duplicate has been verified as resolved,