Issue Summary

The content such as "Who can view this filter", "only the editors", "Who can edit this filter" and "only the owner" lack description list semantics.

Steps to Reproduce

1. Open the "Find an issue" page.
2. Save any filter. 
3. Navigate onto the "Details" link present in the main content area and activate it.
4. Observe a pop-up gets added on the page.
5. Navigate onto the mentioned instances present in the pop-up and observe the key and value pairs.
6. Inspect their code.
7. Observe that the list items have not been marked up, such as <dl>, <dt>, and <dd>.

Screenshot

Actual Results

The mentioned content are visually communicated as being key and value pairs. However, this structure has not been programmatically defined as description list. 

As a result, screen reader users will not be able to understand the pop-up content structure efficiently.

Expected Results

Key and value pairs must use description list semantics to communicate the relationship between terms and their descriptions.

Apply the following changes:

• 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>Who can view this filter</dt>
<dd>only the editors</dd>
<dt>Who can edit this filter</dt>
<dd>only the owner</dd>
</dl>

Workaround

Not Available.

Environment

MacBook Pro (14-inch, 2021)
macOs Sonoma 14.2.1
Chrome - Version 121.0.6167.85 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.2.1 (19617.1.17.11.12)
JAWS- Version 2022
NVDA- Version 2021.2
Voiceover - Version Latest