<dt> und <dd>Elemente müssen in einem <dl> Element stehen

Blind Hören Mobilität
WCAG 2.2 Level A
Von Menschen für Menschen geschrieben und recherchiert
Foto des Experten
Ritvik Shrivastava
Fachmännisch überprüft von
Kommentare: 0
Ihre gesamte Domain
Erhalten Sie detaillierte Anweisungen, wie Sie jedes Barrierefreiheitsproblem auf Ihrer Website beheben können

<dt>– und <dd>-Elemente müssen sich innerhalb eines <dl>-Elements befinden, um gültig zu sein.

Warum es wichtig ist

Nur wenn <dt>– und <dd>-Elemente in einem <dl>-Element stehen, können Screenreader-Nutzer die hierarchische Struktur der Liste korrekt erfassen.

Behebung des Problems

Alle <dt>– und <dd>-Elemente müssen innerhalb eines <dl>-Elements stehen, damit die Listenstruktur korrekt ist. <dt> muss immer vor <dd> stehen.

Gutes Code-Beispiel

Codebeispiel
<dl> <dt>Kaffee</dt> <dd>Schwarzes heißes Getränk</dd> <dt>Milch</dt> <dd>Weißes kaltes Getränk</dd> </dl> Kopieren

Schlechtes Code-Beispiel

Codebeispiel
<dt>Kaffee</dt> <dd>Schwarzes heißes Getränk</dd> <dt>Milch</dt> <dd>Weißes kaltes Getränk</dd> Kopieren