Issue Summary

List mark-up used unnecessarily for "preview" functionality in the "insert macro" modal dialog

Steps to Reproduce

1. Launch the URL
2. Edit the page 
3. Navigate to "Insert more content" and activate the link, dropdown gets displayed and then activate "table of content" option in the dropdown.
4. Observe that "Insert macro" modal dialog appears, navigate to "preview" functionality and in code list has been provided for this functionality.

Screenshot

Actual Results

When the user navigate through the "preview" functionality, a list mark-up is used to code the "preview" link present in the top section of the modal dialog "insert macro". As a result, screen reader users might not understand the content structure effectively.

Expected Results

• Remove the list mark-up from the mentioned content. CSS can be used to maintain the presentation of the page if required
• Additionally, The mentioned non-modal dialog heading/title should be marked up using <h3> appropriately. This will make sure screen reader users understand the structure of the non-modal dialog effectively.

Workaround

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