Issue Summary

The buttons such as "Single column section", "Two column section", "Three column section" and so on are not marked in the list mark-up.

Steps to Reproduce

1. Navigate to the header and activate the "Create" link.
2. Navigate to the "Insert page layout" link and activate it 
3. Using a screen reader, navigate to the mentioned buttons.
4. Listen that the list structure is not announced for the buttons that represent related information.

Screenshot

Actual Results

The buttons such as "Single column section", "Two column section", "Three column section" and so on are not marked as an 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.

<ul class="aui-buttons layouts" id="pagelayout2-toolbar">
<li><button type="button" class="aui-button aui-button-subtle" data-tooltip="Single column section" resolved="" original-title="">
<span class="icon aui-icon aui-icon-small aui-iconfont-layout-1col-large">Single column section</span>
</button></li>
<li><button type="button" class="aui-button aui-button-subtle" data-tooltip="Two column section" resolved="" original-title="">
<span class="icon aui-icon aui-icon-small aui-iconfont-layout-2col-large">Two column section</span>
</button></li>
(...)
</ul>

Workaround

Not 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