Issue Summary

The button elements associated with the floating toolbar which does not have list mark-up.

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

List mark-up is not used to present related information programatically. For example, "Black", "Red", "Yellow", "Green", and "Blue" image buttons are not marked as unordered list which visually looks like a list of related items. As a result, screen reader users will find it difficult to navigate to the list and different list items quickly.

Expected Results

Use appropriate list mark-up, such as <ul> and <li> to identify related information. In addition, consider applying styles to maintain the visual presentation of a web page.
 Code Snippet

<ul>
<li>
<a href="#" class="aui-button macro-property-panel-Grey first" tabindex="0" role="button" resolved=""><span class="icon  "></span></a>
</li>
(...)
</ul>

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