telexed ~ c / 405ab2ff-7e0radar:40 · otherLIVE
← back
NO.
#405ab2ff
Topic
OTHER
Source
Simon Willison
Published
2026-05-23 20:24:48
Importance
★ 4/10 — radar 40

`<dl>` Is for Description Lists, and It Supports More Structure Than Expected

<dl> can model metadata, credits, specs, and settings without fake tables. Small HTML detail, but useful for cleaner accessible UI markup.

[ KEY POINTS ]
  1. A single <dt> can have multiple <dd> values, which fits credits, aliases, tags, and product specs better than ad hoc lists.
  2. <dt> and <dd> pairs may be wrapped in a div for styling, but that wrapper rule is narrow: only `div` is valid there.
  3. aria-labelledby can label a <dl>, making compact metadata blocks clearer for assistive tech without extra visible text.
Originalsimonwillison.net/2026/May/23/on-the-dl/#atom-everythingRead original →

// related