axe-core rule: definition-list

Definition lists are structured incorrectly

Fix reference | BarrierScan

What it is

A dl element contains children other than properly ordered dt/dd groups, which breaks term-definition pairing for assistive technology.

Who it blocks

Screen reader users navigating term/definition content such as spec tables or FAQs.

How to fix it

Ensure dl elements contain only dt elements followed by their dd definitions.

Example fix

<!-- Before -->
<dl>
  <div><dt>Weight</dt><dd>2.4 kg</dd></div>
</dl>

<!-- After -->
<dl>
  <dt>Weight</dt>
  <dd>2.4 kg</dd>
</dl>

This is one of the barrier types BarrierScan checks for on every scan. Request a free accessibility scan to see whether it appears on your site, alongside the rest of the automated findings.