Issue Summary

The textual description is missing for the button elements associated with the floating toolbar.

Steps to Reproduce

1. Navigate to "Create" button present in header section.
2. After activating "Create" blank page template will appear on the screen.
3. Navigate to and select the "Insert more content" button.
4. List will appear, among those options select "Status".
5. Observe that "Insert Status Macro" modal dialog has been opened on the screen.
6. Add the desired text in "title" element and press "Insert" button.
7. Observe that your input has been appeared on the page.
8. Select the text and check floating toolbar has few buttons which lacks textual description.

Screenshot

Actual Results

The "Black", "Red", "Yellow", "Green", and "Blue" background color image buttons lack textual description. Screen readers will announce these buttons as "Unlabelled". As a result, screen reader users will be unable to identify the purpose of these buttons.

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.
Code Snippet

<a href="#" class="aui-button macro-property-panel-Grey first" tabindex="0" role="button" resolved="" aria-label="Black color">
<span class="icon  "></span>
</a>

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.3.1
Chrome - Version 114.0.5735.198 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest