Issue Summary

The element appears and functions like a Combobox but is missing the required ARIA role(s) and/or attribute(s).
Element Name: Group Name

Location of the element: Create a reviewer group page

Issue details: The Group member's field acts as a combo box, but missing the role and attributes

Steps to Reproduce

1. Launch the URL 
2. Navigate to the "Create a reviewer group" 

Screenshot

Actual Results

In the Create a Reviewer group, the section contains a autocomplete Combobox for the "Group members" input field. These particular elements have some of the Labels and Roles missing. When native HTML elements are used basic information about an element, such as name, role, state and value are exposed to assistive technologies by default. However, for custom components, this information needs to be made available for assistive technologies, so users can interact with the custom components 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 <div> 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 "Group members, Select a group member from the list". 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.

Bug Ref: 742122