Help center: Dropdown menu not accessible to the screen reader users.

Issue Summary

The "Requests" & "user" menu are inaccessible for the screen reader users.

Steps to Reproduce

1. With screen reader turned on, navigate to the Help portal.
2. Navigate to the "Requests" & "user" menu and activate it.
3. Observe that the menu is inaccessible with screen reader.

Actual Results

While navigating with screen reader, when user navigate to "Requests" & "User" menus and activate them, the contents inside the menu are inaccessible. This is caused due to aria-hidden="true" attribute is provided in the code incorrectly.

This makes screen reader users difficult to access the menu items & hence create bad user experience for them.

Expected Results

The menu & menuitems must be accessible to screen reader users.

Remove the aria-hidden="true" from the <div> element of the menu.

Additionally, provide role="menu" to the <ul> element, role="none" to the <li> element, and role="menuitem" to the <a> element.

Refer more to: https://www.w3.org/WAI/ARIA/apg/example-index/menu-button/menu-button-links.html 

Screenshot

Workaround

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