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.

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.

CSS: Unavoidable Bad Parts

Lobsters Hottest

A personal blog post by a non-web developer discusses the unavoidable bad parts of CSS, including layout challenges, browser defaults, and wrapper overuse, while highlighting a learnable subset for simple tasks.

@trq212: https://x.com/trq212/status/2052809885763747935

X AI KOLs Following

The article argues that HTML is a superior output format for AI agents compared to Markdown due to richer information density, visual clarity, ease of sharing, and two-way interaction, and shares why the author and others at Claude Code prefer HTML.