Description List

[jeffreylauwers]

We willen graag meer leren over het Description List component. In welke vorm, of vormen, wordt deze momenteel ingezet en toegepast binnen jouw organisatie?

Deel hieronder een link naar Figma, Storybook of screenshots. Met deze informatie kunnen we bewijzen dat het component onderdeel moet worden van de NL Design System component library.

Daarnaast wordt het delen van onderzoek gewaardeerd. Dus heb je zelf onderzoek gedaan en zijn er inzichten voor dit component? Dan horen we dit ook graag!

Link naar Slack bericht

---

Naam

Description List

Doel

Toont een lijst aan termen en hun beschrijving, bijvoorbeeld een woordenlijst.

Gerelateerde componenten

Data Summary, Form Summary, Table

Onderzoek

The Description List element - MDN docs
<dl> (description list) HTML element zoals beschreven in MDN docs.

Richtlijnen

WCAG
https://www.w3.org/WAI/WCAG22/Understanding/unusual-words.html

[jeffreylauwers]

Nijmegen

• Figma ontwerp

---

Screenshots / Varianten

Figma

---

Notities

• Binnen Drawer na klik op 'Begrippenlijst'.
• Lijkt ook doorzoekbaar.

[Robbert]

Toegankelijkheidsverklaringen.nl

Notities

• Gebruikt <dl>
• Niet een zelfstandig component, dit is de status-explanation__list

[jeffreylauwers]

Aram Limpens (Gemeente Amsterdam) stelde in een draadje van de Slack oproep voor goedkeuring de volgende vraag:

Is er een reden om voor Definition List te gaan ipv Description List? De HTML spec gebruikt 'description'

Het kernteam is het daar mee eens heeft besloten om vanaf nu over Description list te spreken in plaats van Definition list.

[jeffreylauwers]

✨ Dit component is nu Help Wanted ✨

Help je mee hem door de Community stappen te krijgen?
Description list op het Community bord

[jeffreylauwers]

Tijdens de Open Dag van september de naamgeving van de componenten Summary List en Description List besproken. Uiteindelijk zijn we uitgekomen op Form Summary, Data Summary en Description List.

[jeffreylauwers]

Amsterdam

Zojuist gevonden bij Amsterdam. Voor nu alleen even het linkje:

https://designsystem.amsterdam/?path=/docs/components-text-description-list--docs