[EuiContextMenu] Items should be nested within an ARIA-compatible menu structure

[aphelionz]

Steps to reproduce (assumes ChromeVox or similar))

1. Open https://elastic.github.io/eui/#/navigation/context-menu in a new tab.
2. Tab to the "Click me to load a context menu" button
3. Press enter and listen to the screen reader

Actual Result

"View Options Show Fullscreen Share this Dashboard Edit / add Panels Display Options"

Expected Result

"View Options, Show Fullscreen, Button Selected 1 of 4"

Category: #730: Elastic UI Context Menu Accessibility
Relevant WCAG Criteria: 3.2.3 Consistent Navigation

[cchaos]

@myasonik Are there any guidelines on how to implement this properly?

[aphelionz]

Seems a lot has changed + been debated since then but I'd look at this article: https://adrianroselli.com/2019/06/link-disclosure-widget-navigation.html

[github-actions]

👋 Hey there. This issue hasn't had any activity for 180 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment.

[cee-chen]

Closing this in favor of #5737, since WAI ARIA examples/specs have changed since this issue was opened.