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>Extra grip for uneven, natural survaces, such as forest trails.</dd>
<dd>Extra cushioning for hard surfaces, such as sidewalks and roads.</dd>
- Source code for
<dl>s do not contain only properly ordered
<dl>elements must only directly contain properly-ordered
<template>elements (Deque University)