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>

Share this Guide

Did you like it? Share it!

Share it!

Web tools for modern developers. Try these one!

Over 50 generators, builders and validators to improve your SEO and web performances

Home Back to top of the page