Definition lists (definition-list)

Ensure each term is marked as <dt> and each definition as <dd> within a <dl> to maintain a semantic term-definition pairing.


Improper nesting of dt in dl:

This <dl> element has an improperly nested <dt> element (i.e. the <dt> element is nested inside a <div> element):


Term
Definition

The (DOM/programmatic) structure of the above example looks like this:

<dl>
<div> <dt>Term</dt> </div>
<dd>Definition</dd>
</dl>

Note: Impossible to automatically test or detect. Requires a human tester or AI to determine which elements can be considered term-definitions and verify that they use the correct semantic elements.

axe detected: 1.3.1  |  QualWeb detected: 1.3.1