<dt> und <dd>Elemente müssen in einem <dl> Element stehen
Blind
Hören
Mobilität
WCAG 2.2 Level A
<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