Steps to reproduce:

1. Navigate to and activate "Issues> Search for issues" from the banner region
2. With a screen reader running in background, navigate to the "Project", "Type", "Status", "Assignee" filters present in the main region

Screenshot:

Actual behaviour:

"Project", "Type", "Status", "Assignee" filter interactive elements are missing role and state. For screen reader users, these interactive elements may appear as plain text elements and thus they may not be able to use the functionality related to these filters.

Expected result:

Appropriate role of "button" should be provided along with aria-haspopup="true" attribute for the filter <div> elements having tabindex="0". This should ensure correct screen reader announcement for role and also notify users about the presence of menu button.

In addition, "aria-expanded" attribute should be provided to notify users of the expanded state. The value of "aria-expanded" should be programmatically toggled as "true" when expanded and "false" when collapsed.

AXQA Ref:AXQA-157