Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
5.11.0
-
Severity 3 - Minor
-
Description
Issue Summary
The textual description is not provided for "Pin" / "Unpin" image buttons in the modal dialog (that becomes available on activating "Columns" button) on the page.
Steps to Reproduce
- Open the "Asset Search" page.
- Navigate to the main content.
- Navigate to the "Columns" button and activate it.
- A modal dialog appears on the page.
- Using screen reader, navigate to the mentioned image buttons.
- Inspect the code.
- Observe that the label is not provided for the mentioned buttons.
Screenshot
Actual Results
The "Pin" / "Unpin" image buttons in "Manage columns" modal dialog lack textual description. As a result, screen reader users will be unable to identify the purpose of these buttons.
Expected Results
Apply the following changes:
- Provide the descriptive label as "Pin" / "Unpin" for the image buttons using aria-label attribute.
- Remove the "Title" attribute from the source of the image buttons.
Code Snippet
<button aria-label="Pin" class="ruiButton ruiButton-toggle ruiButtonsubtle ruiButton-iconOnly"><i class="rIcon-unpin"></i></button>
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2021)
macOs Monterey Version 12.3.1
Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest