Issue Summary

The unordered list mark-up has been used inappropriately for the content which has a list of terms which defines the terms.

Steps to Reproduce

1. Navigate to the "Repositories" dropdown and select the option.
2. Navigate to the "Branch actions" and select the "Create branch from here" option.
3. Navigate to and activate the "Learn about branch types" link.
4. Observe that modal dialog has been appeared on the screen.
5. Inspect the code and check that list mark-up has been used inappropriately.

Screenshot

Actual Results

The text such as "Bugfix", "Typically used for fixing bugs against a release branch", "Feature", "Used for specific feature work. Typically, this branches from and merges back into the development branch.", and so on is marked up using ordered list instead of definition list. As a result, screen reader users found it difficult to understand the information effectively.

Expected Results

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

<dl>
<dt>
<span class="aui-icon aui-icon-large icon-branchmodel-BUGFIX"></span>
<h4>Bugfix</h4>
</dt>
<dd>
<p>Typically used for fixing bugs against a release branch</p>
</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 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