Details
-
Bug
-
Resolution: Fixed
-
Low
-
4.22.2
-
Severity 2 - Major
-
Description
Issue Summary
The element appears and functions like a Listbox but is missing the required ARIA roles and labels.
Tested URL
Steps to Reproduce
- Launch the URL
- In the main content area for Business Services, Navigate to the comment section for any object in the
Activity area. - Keeping the screen reader on, in the comment section navigate to the "Object comment level" Listbox
used to set restrictions for the comment.
Screenshot
Actual Results
Role and labels are not defined for the interactive element for the listbox for "Object comment level select" dropdown. When the user navigates over the element it is announced as "Menu pop up collapsed, link" which does not indicate the label to with it is associated with or what will the menu will provide. This made it difficult for screen reader users to access the functionality associated with it.
Expected Results
When the user navigates into the Listbox it should announce the label provided to it such as "Comment restriction level select Listbox".
Apply the following changes:
• Provide role= "listbox" for the <div> element containing the mentioned element.
• Add aria-label to the button such as "Comment restriction level select Listbox" making the assistive
technology users are aware of the functionality associated with the link.
• Additionally the Listbox should be a button instead of a link element.
Ensure the listbox is associated with for and id with its label such as "Restricted to" and "Viewable by".
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available.
Bug Ref: 748709
Bulldog Ref: JSMDC-12852
Attachments
Issue Links
- is blocked by
-
JSMDC-12852 Loading...