Details
-
Bug
-
Resolution: Fixed
-
Low
-
4.22.2
-
Severity 2 - Major
-
Description
Issue Summary
The "Object type" element appears and functions like a Combobox but is missing the required ARIA role(s) and/or attribute(s).
Steps to Reproduce
- Launch the URL
- In the header section Navigate to "Insights" and activate the link.
- Select the "Search objects" link from the insights menu.
- In the left navigation panel, activate the "Create object" button.
- A modal will appear for "Create Object", Navigate to the "Object type" Combobox keeping the screen reader on.
Actual Results
In the Create new object modal, the modal contains a autocomplete Combobox for the "Object type" input field. These particular elements have some of the Labels and Roles missing. The screen reader announces it as "Edit text", which does not inform the functionality or the label associated with it. However, for custom components, this information needs to be made available for assistive technologies, so users can interact with the custom components effectively.
Additionally, the explicit association is missing between the label and the input field for the "for" and "id" attributes.
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 "Object type, select an object type from the list of items". This will help the assistive technology user to understand the relation between the label and the dropdown menu.
- Ensure the label and the input field are explicitly associated with each other with "for" and "id" attributes.
- A working example for accessible Autocomplete Combobox could be found at:https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-autocomplete-both.html
Screenshot
Screen Recording
Screen Recording 2022-05-25 at 11.18.13 AM.mov
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available.
Bug Ref: 746024
Bulldog Ref:
Attachments
Issue Links
- depends on
-
JSDSERVER-11493 Search Result selection (select any of the options from the search results) : Combobox: Combobox is missing appropriate roles and/or attributes
- Closed
- mentioned in
-
Page Loading...