Issue Summary

The description list is missing for the content. 

Steps to Reproduce

1. Open the “Amador” project and select it.
2. Navigate to the “Raise a request” link present in the side navigation and activate it.
3. On the “Help center” page navigate “IT help" link and activate it.
4. Now, navigate to the “Browse” button present in the main content area and activate it.
5. Observe a “Select Affected Business Service” modal dialog gets add on the page.
6. Navigate to the interactive elements associated “Humboldt", “Mariposa” and “Mendocino” text elements and activate any of it.
7. Observe the key and value pairs present within the mentioned interactive elements
8. Inspect their code.
9. Observe that the list items have not been marked up, such as <dl>, <dt>, and <dd>.

Screenshot

Actual Results

The “Key”, “Name”, “Created” and so on 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 modal dialog 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>Key</dt>
<dd>CALITSM-2</dd>
<dt>Name</dt>
<dd>Humboldt</dd>
</dl> 

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available.

Environment

MacBook Pro (14-inch, 2021)
macOs Sonoma 14.6.1
Chrome - Version 129.0.6668.60 (Official Build) (arm64)
Firefox- Version 129.0.1(64-bit)
Safari- Version 18.0 (19619.1.26.111.10, 19619)
JAWS- Version 2023
NVDA- Version 2023
Voiceover - Version Latest

Versions Tested

Please confirm all versions that have been tested for this issue, and indicate whether the tested version is affected or not affected, below: