Ensure and Elements Are Contained By a

Definition list items (dt and/or dd) must be wrapped in parent dl elements to be deemed valid.

Why It Matters

When definition list items (dt and/or dd) are wrapped in parent dl elements, it ensures screen reader users can understand the proper hierarchy of information in the list.

Fixing the Issue

Wrap all list items in a parent dl element to ensure the list follows the proper hierarchy. The dt and dd elements should also be in the proper order.

Good Code Example

Code example

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

Copy

Bad Code Example