Help menu - Required ARIA roles are not provided to menu elements

Issue Summary

In header section, required ARIA roles are not provided to the menu items present inside "Help" menu.

Similar issue was observed in the following menu elements.

• Spaces
• Profile
• Administrator

Steps to Reproduce

1. Navigate to Confluence homepage.
2. Navigate to "Help" menu link inside header section & activate it.
3. Press down arrow key to navigate inside menu items.
4. Observe that the screen reader doesn’t announce the menu/menuitem roles.

Actual Results

While navigating with screen reader, when user activates the "Help" link in header section and user presses down arrow keys to navigate inside the menu items, the screen reader doesn’t announce the role of the elements.

The required ARAI role such as "menu" & "menuitem" is not provided in the source code.

This makes screen reader users difficult to perceive the elements of menu.

Expected Results

When user navigate inside "Help" menu the screen reader should announce the role menu & menuitem to the users.

Apply following fixes in the source code.

• Provide role="menu" attribute to the <ul> element of the menu.
• Provide aria-label="Help" or aria-labelledby attribute to the <ul> element.
• Provide role="presentation" to the <li> elements present inside <ul>.
• Provide role="menuitem" to <a> elements such as "Online help", "Keyboard Shortcuts", etc.

Screenshot

Workaround

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