Issue Summary

The list mark-up used incorrectly on the page.

Steps to Reproduce

1. Navigate to the header section.Using "Tab" key, navigate to the "Issue" dropdown.
2. Navigate to any of the issue as "JSM-1 What am i looking at?" and activate it.
3. Observe that "View issue in queue view & comments" page has been appeared on the screen.
4. Navigate to the main content.
5. Navigate to the "Approvals" section.
6. Inspect the code for the mentioned text.
7. Observe that the list mark-up used incorrectly.

Screenshot

Actual Results

The text such as "WAITING FOR Approval", "1 approval needed" and "Admin Admin" is coded using incorrect list mark-up due to <dl> element is used inside the <ul> element.

As a result, screen reader users might get confuse about the list mark-up.

Expected Results

Use the correct list mark-up.

Remove the <ul> element from the list mark-up and code the text as "1 approval needed" and "Admin Admin" using <dd> element. Additionally, code the text "WAITING FOR APPROVAL" using <dt> element>. In addition, if required apply styles to maintain the visual presentation of the web page.

Code Snippet

<dl class="ZvegT0EOe1"><li class="sd-approval-status-panel">
<dt class="GcEWUjXEQ1"><span tabindex="0">
<span class=" jira-issue-status-lozenge aui-lozenge jira-issue-status-lozenge-default  jira-issue-status-lozenge-max-width-medium" data-tooltip="<span class=&quot;jira-issue-status-tooltip-title&quot;>Waiting for approval</span>" tabindex="0" aria-describedby="aui-tooltip">Waiting for approval</span></span>
</dt>
<dd class="WD9mlFq14L"><p class="iNakQABMUW"><span class="ETkcXynkyQ">Declined </span><span class="q2sS6GOAQf">Yesterday</span></p>
</dd>
<div class="phOPOnz8ni">
<dd class="vPylnq3KnC" data-username="admin"><span class="hqr0bsvegU" title="Admin Admin"><span class="H8MGTLC+Ip"><span class="aui-avatar aui-avatar-small"><span class="aui-avatar-inner">
<img src="https://www.gravatar.com/avatar/dac3582b036e18b911d98494b925c9b7?d=mm&amp;s=24"></span></span></span><span class="AQ-ESr8T-G"><span class="AOM+K6gBC3">Admin Admin</span></span></span><button type="button" class="XWIf-Sf1xC oT5UP+YW9R TmsZAqzsJu"><span class="aui-icon aui-iconfont-close-dialog aui-icon-small"></span></button></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, 2021)
macOs Monterey Version 12.3.1
Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest