-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
10.3.0
-
Severity 3 - Minor
-
Issue Summary
The text such as "Status", "Running", "Environment" and so on is not marked up as definition list.
Steps to Reproduce
- Navigate to the header section.Using "Tab" key, navigate to the "Issue" dropdown.
- Navigate to any of the issue as "JSM-1 What am i looking at?" and activate it.
- Observe that "View issue in queue view & comments" page has been appeared on the screen.
- Navigate to the mentioned text in the main content area.
- Inspect the code and check that definition list mark-up is missing for the texts.
Screenshot
Actual Results
The content such as "Status", "Running", "Environment" and so on is not marked up using <dl> element As a result, screen reader users will not understand the page structure.
Expected Results
Use appropriate list mark-up, such as <dl>,<dt> to identify related information. In addition, if required apply styles to maintain the visual presentation of the web page.
Code example
<dl class="rlabs-jira-overview-item"> <dt class="rlabs-jira-title" style="width: 132px; min-width: 132px;">Status:</dt> <dd class="rlabs-jira-value"><div class="rlabs-value-normal"><span class="aui-lozenge aui-lozenge-success " data-testid="e2e-258" style="max-height: 20px;">Running</span></div></dd> (...) <dt class="rlabs-jira-title" style="width: 132px; min-width: 132px;">Environment:</dt> <dd class="rlabs-jira-value"><div class="rlabs-value-label"><span data-testid="e2e-259">Production</span></div></dd></dl> (...)
Environment
MacBook Pro (16-inch, 2021)
macOs Sonoma 14.7
Chrome - 131.0.6778.86 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 118.1.1 (19619.2.8.111.7)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
- links to