Issue Summary

The label is not specified for "Add to my spaces" / "Remove from my spaces" image button on the page.

Steps to Reproduce

1. Open the page.
2. Navigate to the side navigation.
3. Using screen reader, navigate to the mentioned button.
4. Inspect the code.

Screenshot

Actual Results

The "Add to my spaces" / "Remove from my spaces" image button lack textual description. Screen reader is announces the title of the mentioned button. As a result, screen reader users will be unable to identify the purpose of this button.

Expected Results

Ensure that appropriate textual description for the image buttons is provided and it completely describes the purpose of these buttons. The textual description can be provided by adding a visually hidden text using CSS within the button element. For buttons using inline SVG images, textual description can be added using the <title> and <desc> element. Alternatively, use the "aria-label" attribute on the button element to provide a textual description. Additionally, remove the "title" attribute from the page source.

Code Snippet

<button aria-label= "Add to my spaces" class="space-favourite aui-icon aui-icon-small aui-iconfont-unstar" id="space-favourite-add" aria-pressed="false"></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