Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.7.0
-
9.07
-
Severity 3 - Minor
-
Description
Issue Summary
On the "Profile settings" page, the description lists in the "Details" and "Preferences" sections are malformed.
Steps to Reproduce
- Navigate onto the above mentioned page.
- Navigate onto the mentioned instances and inspect their code.
- Observe that the description list semantics are malformed.
Screenshot
Actual Results
Each key and value pair in the "Details" and "Preferences" section uses separate <dl> element. That is, there is a new <dl> for every <dt> and <dd> element, rather than one <dl> for all of the description list. As a result, users of a screen reader will not be able to understand the page's content structure.
Expected Results
Mark up the description list using <dl>, <dt>, and <dd>. Make sure that each set of list items is contained in a single <dl>, contain each individual term within <dt> tags and each description within <dd> tags. Only use separate <dl> tags when the list items are contained logically and visually in separate, distinct lists.
Code Snippet
<dl> <dt>Page Size:</dt> <dd>50</dd> <dt>Email Type:</dt> <dd>HTML</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.4
Chrome - Version 103.0.5060.134 (Official Build) (arm64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.5 (17613.2.7.1.8)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest