Understanding the <dl> Element: Multiple <dd> and ARIA
Use <dl> with multiple <dd> and ARIA labels for better accessibility.
Update markup to use <dl> with multiple <dd> and ARIA labels.
Summary
The article explains that a <dt> element can be followed by multiple <dd> elements, allowing a single term to have several definitions or descriptions. It also notes that the <dt>/<dd> pairs can be wrapped in a single <div> for styling purposes, but no other container elements are permitted. ARIA labels can be applied to the <dl> element to enhance accessibility for screen readers.
Historically, the element has been referred to as a description list rather than a definition list, a terminology change that dates back to an HTML5 draft in 2008. The article also highlights best practices for grouping and labeling, emphasizing that proper use of <dl> improves semantic structure and assistive technology support.
Key changes
- <dt> can be followed by multiple <dd> elements.
- <dt>/<dd> pairs can be wrapped in a single <div> for styling.
- ARIA labels can be applied to <dl> for accessibility.
- The element is officially called a description list, not a definition list.