Details
-
Bug
-
Resolution: Fixed
-
Low
-
9.7.0
-
9.07
-
Severity 3 - Minor
-
Description
Issue Summary
Defination list mark-up has been used inappropriately for the content present under "People" and "Dates" expandable section.
Steps to Reproduce
- Navigate to "Issues" dropdown and activate it.
- Select any issue from "Recent Issues" section.
- Observe that "Viewing an Issue" page has been appeared on the page.
- Navigate to the "People' and "Dates" section.
- Using JAWS, navigate the content present below it and observe that defination list has been used inappropriately.
Screenshot
Actual Results
The text such as "Assignee", "Admin Admin", "People" and so on is marked up as defination list inappropriately. As a result, screen reader users found it difficult to understand the content structure.
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
<ul class="item-details people-details" id="peopledetails"> <li> <span title="Assignee"> <label for="assignee-field">Assignee:</label> </span> </li> (...) <li> (...) <span class="aui-avatar-inner"><img src="https://www.gravatar.com/avatar/dac3582b036e18b911d98494b925c9b7?d=mm&s=24" loading="lazy" alt="admin" aria-describedby="aui-tooltip"></span> (...) </li> (...) </ul>
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available