On the <dl>

Simon Willison's Blog News

Summary

A blog post by Ben Meyer shares new-to-me facts about the HTML <dl> element, including that multiple <dd> can follow a <dt>, grouping within <div>, ARIA labeling, and that they've been called 'description lists' since 2008.

No content available
Original Article
View Cached Full Text

Cached at: 05/23/26, 10:29 PM

# On the <dl> Source: [https://simonwillison.net/2026/May/23/on-the-dl/](https://simonwillison.net/2026/May/23/on-the-dl/) 23rd May 2026 \- Link Blog **[On the <dl\>](https://benmyers.dev/blog/on-the-dl/)**\([via](https://news.ycombinator.com/item?id=48247325)\) I learned a few new\-to\-me things about the`<dl\>`element from this article by Ben Meyer: 1. A`<dt\>`can be followed by*multiple*`<dd\>` 2. You can optionally group the`<dt\>`and`<dd\>`elements in a`<div\>`for styling \- but only a`<div\>`\. 3. You can label them using ARIA\. 4. They've been called "description lists", not "definition lists", since[an HTML5 draft in 2008](https://www.w3.org/TR/2008/WD-html5-20080122/#the-dl)\. So this is valid: ``` <h2 id="credits">Credits</h2> <dl aria-labelledby="credits"> <div> <dt>Author</dt> <dd>Jeffrey Zeldman</dd> <dd>Ethan Marcotte</dd> </div> </dl> ``` Here's a useful note from Adrian Roselli on[screen reader support for description lists](https://adrianroselli.com/2025/01/updated-brief-note-on-description-list-support.html)\.

Similar Articles

On The <dl>

Hacker News Top

A detailed guide to using the HTML <dl>, <dt>, and <dd> elements to semantically mark up name-value pairs, with examples.

You don't know HTML Lists

Hacker News Top

A deep dive into the five types of HTML lists (ordered, unordered, description, menu, and control) covering when to use each, including form controls like select and datalist, with accessibility considerations.

HTML Can Do That

Lobsters Hottest

The article highlights new HTML features like <dialog>, popovers, and grouped <details> that enable dynamic functionality without JavaScript, showcasing advancements in web standards and browser compatibility.

Don't put aria-label on generic elements like divs

Hacker News Top

This article explains why using aria-label on generic HTML elements like divs or spans violates ARIA spec and leads to inconsistent screen reader behavior, with browser testing results.