Issue Summary

On the "Create/edit page | Status macro" page, the "Refresh" button unnecessarily uses list semantics.

Note that a similar issue was observed with the "Refresh" buttons of all the macro modal dialogs.

Steps to Reproduce

1. Open confluence.
2. Navigate onto the "Create" link in the header and activate it.
3. Navigate onto the "Insert more content" > "Status" buttons and activate them.
4. Navigate onto the mentioned instance and observe that the element is not interrelated.
5. Inspect the code.
6. Observe that the button is inappropriately included within the list markup.

Screenshot

Actual Results

The "Refresh" Button unnecessarily uses list semantics. However, this button is not interrelated with the items above and below it.

This might confuse the users of a screen reader. That the button uses unordered list semantics unnecessarily may prevent them from efficiently comprehending the page's content structure.

Expected Results

Content that is not interrelated, sequenced or paired must not use list semantics. In this case, we would recommend you to remove the <ul> and <li> elements from the button in the DOM. You can instead wrap this button in any neutral tag that do not have any structural meaning, such as <div>, and <span> tags.

Code Snippet

<div> 
<button>Refresh</button>
  </div>

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 Ventura 13.3.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2023
NVDA- Version 2024.3
Voiceover - Version Latest