Screen readers and other assistive technologies have a specific way of announcing definition lists. When definition lists are not properly marked up, assistive technologies may produce confusing or inaccurate output.
How this Lighthouse audit fails #
<dl> elements that don't contain properly ordered
The Lighthouse Accessibility score is a weighted average of all the accessibility audits. See the Lighthouse accessibility scoring post for more information.
How to structure definition lists correctly #
Definition list items require
dl elements around the list,
dt elements for each term, and
dd elements for each definition. Each set of
dt elements must be followed by one or more
dd elements. For example:
<dd>Extra grip for uneven, natural survaces, such as forest trails.</dd>
<dd>Extra cushioning for hard surfaces, such as sidewalks and roads.</dd>