Help center: Dropdown not accessible to the screen reader & Keyboard-only users.

Issue Summary

The "Created by me", "Open requests" and "Any request type", etc dropdowns are inaccessible to the screen reader & Keyboard-only users.

Steps to Reproduce

1. In the Jira left-hand sidebar for the opened project, select the "Raise a request" link.
2. In the Available portal, navigate to the Request menu and select "All requests".
3. Navigate to the "Created by me" dropdown keeping the screen reader on.
4. Observe the dropdown is inaccessible with the keyboard & screen reader.

Actual Results

While navigating with Keyboard & screen reader, when user navigate to the "Created by me", "Open requests" and "Any request type", etc dropdowns and press enter the dropdown expands but user can not navigate inside it with arrow keys.

Additionally they are coded using role="menu" inappropriately. And list mark is used incorrectly for the options.

This makes Keyboard & screen reader users difficult to access the functionality associated with them.

Expected Results

These dropdowns should be announced as "combobox" elements by the screen reader instead of menu. And the users should be able to navigate through all options with up/down arrow keys & by pressing enter key should select an option.

Code these elements using native HTML <select> & <option> elements and use CSS to maintain the current visual presentation.

Alternatively use ARIA role, state & properties of "Select only combobox" elements. Refer to the following example for more details about the behaviour & code implementation.

https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html

Screenshot

Workaround

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