Details
-
Bug
-
Resolution: Fixed
-
Low
-
4.20.0, 5.3.1
-
Severity 2 - Major
-
Description
Issue Summary
The functionality associated with the button is unclear to the user.
Steps to Reproduce
- Open the homepage
- Navigate to the "Assets" link and activate it
- Navigate to "Search for object" and activate it
- Turn On the screen reader and navigate to the "More options" button
Actual Results
When the screen reader focus moves on the “More option” button available in the main content area, the user is not notified if there is a Listbox available. As a result screen reader users won’t be conveyed the change of content. Additionally, the textual description is not provided for the mentioned button.
Expected Results
- Users should be notified about the information that the button would trigger a Listbox This will make sure that the screen reader users are aware that activating this button would open a Listbox To implement this make sure to provide aria-haspopup="true".
- Provide descriptive and unique textual description using the "aria-label" attribute to <button> element.
<button class="ruiButton qa-trigger e2e-trigger ruiButton--subtle ruiButton--iconOnly" aria-haspopup="true" aria-label="More option for Sam"> <i class="rIcon-options"></i> </button>
Refer the below link for implementation: https://www.w3.org/WAI/ARIA/apg/example-index/menu-button/menu-button-links
Screenshot
Workaround
Not Available
Bug Ref: 745873
Bulldog Ref: