Issue Description

In the Pull request sections, the dropdown element for filtering out the status of the pull request is announced inappropriately as an input field to the screen reader user.

Steps to Reproduce

1. Launch URL
2. Navigate to the Pull requests main content area.
3. Navigate to the Dropdown menu for the filter for the options such as "Open , Merged , Declined and All"

Screen Recording

Screen Recording 2022-04-05 at 1.59.24 PM.mov

Actual Behaviour

In the compare main content area, for filtering out the Branch which are "Open , Merged , Declined and All" the dropdown menu is announced as a text input field. Due to this the screen reader might get confused with the functionality of the element since there is no input field present on activating the element.

Expected Result

The Dropdown menu should be as a Menu button and not as an input. The dropdown button should have a unique label. In the absence of labels, it becomes difficult for users especially screen reader users to understand the purpose of the form control and input information.

Additionally a role=”menu” to the main element and role=”menuitems” could be given to the filters.

An example could be found at: https://www.w3.org/TR/wai-aria-practices-1.1/examples/listbox/listbox-collapsible.html

AXQA Ref:AXQA-315