Issue Summary

On the "Move a page" modal dialog, there is a missing definition list markup for the content & their corresponding definitions.

Steps to Reproduce

1. Using a screen reader or keyboard, navigate to the "More options" link & activate it.
2. Select Move & Activate it.
3. Observe a dialog appears.
4. Activate the "Advanced" vertical-oriented tab.

Screenshot

Actual Results

A list of terms such as “Current location:”& “New location:” and their corresponding definitions are not marked as definition list markup. Visually they are depicted as definition lists but in source code, they are marked with <ul> markup incorrectly.

Screen readers have a specific way of announcing definition lists. When such lists are not properly marked up, this creates the opportunity for a bad user experience or inaccurate screen reader output.

Expected Results

Remove the Label & <ul> list for mentioned terms and definitions and mark them as a definition list.

Definition list items require dl elements around the list, dt elements for each term, and dd elements for each definition. Each set of dt elements must be followed by one or more dd elements. dt should precede dd elements. Ensure that the mentioned definition list follows these specifications.

Code snippet 

<dl>
  <dt>Current location:</dt>
  <dd>Admin Admin</dd>  
  <dt>New location:</dt>
  <dd>Admin Admin</dd> 
</dl>

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 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 2022
NVDA- Version 2021.2
Voiceover - Version Latest