-
Bug
-
Resolution: Fixed
-
Low
-
8.4.0
-
Severity 3 - Minor
-
Issue Summary
The "edit space details" button in sidebar is not accessible for keyboard & screen reader users.
Steps to Reproduce
- Navigate to the mentioned page.
- Navigate to the "Configure Sidebar" link and activate it.
- Using the screen reader, navigate to the "Edit space details" button.
Screenshot
Actual Results
When user is configuring sidebar, the button "edit space details" is not accessible for keyboard & screen reader users.
Also the user profile links receives keyboard focus unnecessarily as they don’t have any functionality in this mode.
Expected Results
All the interactive elements on the page must be accessible for keyboard & screen reader users.
Code the mentioned element with <button> & provide accessible name via aria-label attribute.
Also provide aria-expanded attribute to convey the state to screen reader users & update the value as per user interaction.
<button aria-label="edit space details" aria-expanded="false" class="flyout-handle icon aui-icon aui-icon-small aui-iconfont-edit"></button>
Also in configure sidebar mode ensure that the user profile links doesn’t receive keyboard focus unnecessarily.
Workaround
Currently, there is no known workaround for this behaviour.
Environment
MacBook Pro (16-inch, 2019)
macOS 13.4.1 (c) (22F770820d)
Chrome - Version 115.0.5790.170 (Official Build) (x86_64)
Firefox- Version 114.0 (64-bit)
Safari- Version 16.5.2 (18615.2.9.11.10)
JAWS- Version 2023.2306.28
NVDA- Version 2022.2.2
Voiceover - Version Latest
[CONFSERVER-92245] Configure Sidebar: button not accessible for keyboard & screen reader users.
| Resolution | New: Fixed [ 1 ] | |
| Status | Original: Waiting for Release [ 12075 ] | New: Closed [ 6 ] |
| Labels | Original: 2.1.1 4.1.2 Level-A WCAG21 a11y-277 ax-at-user ax-bug ax-customer-escalated ax-esc-itzbund ax-high-priority ax-non-vpat ax-qa | New: 2.1.1 4.1.2 Level-A WCAG21 a11y-277 ax-at-user ax-bug ax-customer-escalated ax-esc-itzbund ax-high-priority ax-non-vpat ax-qa ax-qa-fixed ax-qa-verified |
| Attachment | New: Screenshot 2024-02-07 at 11.07.11 AM.png [ 451540 ] |
| Rank | New: Ranked higher |
| Fix Version/s | New: 8.9.0 [ 107007 ] | |
| QA Demo Status | Original: Not Done [ 14330 ] | New: Done [ 14331 ] |
| QA Kickoff Status | Original: Not Done [ 14234 ] | New: Not Needed [ 14236 ] |
| Status | Original: In Progress [ 3 ] | New: Waiting for Release [ 12075 ] |
| Remote Link |
New:
This issue links to "Confluence Bundled Plugins › Confluence Frontend Plugins › issue- |
| Status | Original: Short Term Backlog [ 12074 ] | New: In Progress [ 3 ] |
| Assignee | New: Zac Xu [ zxu2@atlassian.com ] |
| Status | Original: Ready for Development [ 10049 ] | New: Short Term Backlog [ 12074 ] |
| Labels | Original: 2.1.1 4.1.2 Level-AA WCAG21 a11y-277 ax-at-user ax-bug ax-customer-escalated ax-esc-itzbund ax-high-priority ax-non-vpat ax-qa | New: 2.1.1 4.1.2 Level-A WCAG21 a11y-277 ax-at-user ax-bug ax-customer-escalated ax-esc-itzbund ax-high-priority ax-non-vpat ax-qa |