-
Type:
Bug
-
Resolution: Fixed
-
Priority:
High
-
Component/s: Global - App Switcher
-
Severity 3 - Minor
-
Accessibility
Issue Summary
An incorrect label, such as "Expand or Collapse depending on state" is provided for the "Resize App Switcher" slider control.
Steps to Reproduce
- Open the Jira or Confluence Cloud instance.
- Navigate to the "Switch sites or apps" control in the header section and activate it.
- Navigate to the "Resize App Switcher" slider control and inspect the code.
- Observe that an incorrect label, such as "Expand or Collapse depending on state" is provided.
Screen Recording
Actual Results
When screen reader users navigate to the "Resize App Switcher" slider control within the "Atlassian App Switcher" modal dialog, they encounter an incorrect label being announced specifically, "Expand or Collapse depending on state".
This issue occurs because the value "Expand or Collapse depending on state" is incorrectly assigned to the "aria-label" attribute of the slider element.
As a result, screen reader users will not understand the purpose of the slider control.
Expected Results
The slider control should be provided with a clear and descriptive label that accurately conveys its purpose to screen reader users.
In this case, the value of the "aria-label" attribute should be set to "Resize App Switcher".
Note: Before implementing the correct label, please consult with the Content Design team to ensure alignment with the intended business logic.
Code Snippet:
<button role="slider" aria-label="Resize App Switcher" ....>.....</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 Sequoia 15.4.1
Operations - Windows11
Chrome - Version 136.0.7103.93 (Official Build) (64-bit)
Safari- Version 18.4
Firefox- Version 138.0.1 (64-bit)
JAWS- Version 2023
NVDA- Version 2024.4.2
VoiceOver - Version Latest
- mentioned in
-
Page Loading...