Issue Summary

The "Columns to display" element for the Jira macro modal in the Display options section appears and functions like a Combobox but is missing the required ARIA role(s) and/or attribute(s).

Steps to Reproduce

1. Edit the page
2. Insert the Jira macro.
3. In the Jira macros modal, select the Jira Issue/Filter.
4. In the Display options section, keep the screen reader on navigate to the "Columns to display" input field.

Screenshot

Screen recording

Screen Recording 2022-06-21 at 2.39.37 PM.mov

Actual Results

In the Display options section for the "Columns to display" dropdown input field when the screen reader tries to interact with the Combobox, it is announced as "Edit" text. Additionally, the screen reader does not announce the current value of Combobox, drop-down item names, or placeholder texts. This instance will create confusion for the assistive technology user and they would not be able to use the filter element effectively.

Expected Results

Few of the following labels and roles could be added to the following elements :

• A role="combobox" could be added to the <input> element.
• The dropdown menu should announce the label it is associated with.
• For this case, when the users focus to enter the Dropdown menu, it should announce content such as "Select Columns to display". This will help the assistive technology user to understand the relation between the label and the dropdown menu.
• A working example for accessible Autocomplete Combobox could be found at: https://www.w3.org/TR/wai-aria-practices-1.2/examples/combobox/combobox-autocomplete-list.html

Workaround

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