feat(MenuItem, MenuItem2): roleStructure="listitem"

[bvandercar-vt]

Fixes #0000

Checklist

• Includes tests
• Update documentation

Changes proposed in this pull request:

using roleStructure prop of MenuItem2, allow a configuration where the components have no assigned roles.

[adidahiya]

@bvandercar-vt the code changes seem reasonable, but can you explain what kind of UI this would be useful in? Where are you rendering a MenuItem that is neither a "menuitem" or "listoption"?

[bvandercar-vt]

@bvandercar-vt the code changes seem reasonable, but can you explain what kind of UI this would be useful in? Where are you rendering a MenuItem that is neither a "menuitem" or "listoption"?

We have a unique case where we are adding delete buttons to the MenuItem2s of a Select2, using Select2's itemRenderer prop. In this case, the 2 existing MenuItem2 aria role configurations (the roleStructure prop-- "listoption" and "menuitem") do not allow additional interactive elements to be within them-- this causes an aXe a11y failure.

So, in our case, we are manually changing the Select2 menu's role from listbox to list (using menuProps) , so that we can set its MenuItem2 items to just be plain no-role li's (using this PR), so that we can include buttons in each li without creating accessibility failures.