-
Bug
-
Resolution: Fixed
-
Low
-
5.11.0
-
Severity 3 - Minor
-
Issue Summary
The expand/collapsed state is not defined for "More" button on the page.
Steps to Reproduce
- Open the "View issue in queue view & comments" page.
- Navigate to the "SLAs" section.
- Using screen reader, navigate to the mentioned button and activate it.
- Listen that the expand/collapse state is not announced for the buttons.
Screenshot
Actual Results
On activating "More" button, the content dynamically gets expanded and collapsed below. The dynamically updating button's state is not defined programmatically.
As a result, screen reader users are not able to understand the button's functionality.
Expected Results
Set 'aria-expanded' attribute to 'false' for the button by default as the button is in the collapsed state. Ensure that the value of 'aria-expanded' attribute changes to 'true' in expanded state on user interaction via scripting. Code Snippet
Code Snippet
<button type="button" aria-expanded="false" aria-label="more" class="css-c3s9do"> <span role="img" class="css-snhnyn" style="--icon-primary-color: currentColor; --icon-secondary-color: var(--ds-surface, #FFFFFF);"></span> </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
- mentioned in
-
Page Failed to load