Details
-
Bug
-
Resolution: Fixed
-
High
-
7.21.0
-
Severity 2 - Major
-
0
-
Description
Issue Summary
The elements appear and function like an Autocomplete Combobox but are missing the required ARIA role(s) and/or attribute(s).
Steps to Reproduce
- Launch the URL
- Navigate to the "Branches" and "Tags" dropdown section in the Source section's main content area and active the dropdown.
Screenshot
Actual Results
In the Source, the Repository details have an autocomplete Combobox for the "Branches" and"Tags". The particular element has 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 "Source branch, select a source branch from the list of items". 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: 734903
Attachments
Issue Links
- is resolved by
-
BSERV-13184 Create a Pull Request : Listbox is missing appropriate roles and/or attributes
- Closed