Issue Summary

The "edit space details" button in sidebar is not accessible for keyboard & screen reader users.

Steps to Reproduce

1. Navigate to the mentioned page.
2. Navigate to the "Configure Sidebar" link and activate it.
3. 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