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.
Incorrect ARIA roles used:
In this example, ARIA roles is used, which overrides the semantic of <dd>, <dt> and <dl> elements
- Term
- Definition
The (DOM/programmatic) structure of the above example looks like this:
<dl role="list">
<dt role="listitem">Term</dt>
<dd role="listitem">Definition</dd>
</dl>
<dt role="listitem">Term</dt>
<dd role="listitem">Definition</dd>
</dl>