Definition List

Definition lists need to be marked correctly to avoid incorrect output.

Accessibility

Correct use of definition list

Users of assistive technologies such as screen readers need to have their definition lists marked correctly to avoid incorrect output.

How the SeoChecker audit fails

If definition list elements (<dl>) do not contain ordered <dt> and <dd> groups, <template> elements or <script>, SeoChecker will notify it.

How can I structure definition lists?

You need to use dl elements around the list, with dt elements that mark every term and dd elements related to every definition.

Have a look at the example below:

<dl>
  <dt>Trail shoe</dt>
    <dd>Extra grip for uneven, natural surfaces, such as forest trails.</dd>
  <dt>Road shoe</dt>
    <dd>Extra cushioning for hard surfaces, such as sidewalks and roads.</dd>
</dl>