A11Y-640: Sub-menu links within the dropdown are inaccessible for keyboard-only and screen reader users

Issue Summary

The sub-menu links within the "Repositories" dropdown are inaccessible for keyboard-only and screen reader users.   

Steps to Reproduce

1. open the "Your work" page.
2.  Using keyboard, navigate onto the above mentioned dropdown and activate it.
3. Try to access the sub-menu links within the mentioned dropdown via tab key or up/down arrow keys.
4. Notice that the sub-menu links are not reachable and lack keyboard support. 

Screenshot

Screen Recording

Screen Recording 2024-04-04 at 12.32.20 pm.mov

Actual Result

The sub-menu links within the "Repositories" dropdown such as "Text-styles apple OS common", "Atlassian-account-IOS Apple OS common", and so on recently viewed repositories, are inaccessible for keyboard-only and screen reader users. In fact the sub-menu links are not reachable via tab or up/down arrow keys. This will result in difficulty for keyboard-only and screen reader users to access the sub-menu links within the dropdown.

Expected Result

Ensure that the sub-menu links are reachable and operable via keyboard. In this case, when the user activates the mentioned dropdown, the user should be able to traverse through sub-menu links using keyboard navigation.

For instance: Once the dropdown is activated, the sub-menu links should be navigable either via up/down arrow keys or tab key.

To achieve this, Modify the keyboard handling events to attain the expected behavior.

For more information, Refer the following resource:

https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/examples/menu-button-actions/

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (14-inch, 2021)
macOs Ventura 13.5
Chrome - Version 119.0.6045.123 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2023
NVDA- Version 2023.2
Voiceover - Version Latest