<dl>-Elemente müssen korrekt strukturiert sein

Blind Hören
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

Definitionslisten (<dl>) müssen ausschließlich korrekt angeordnete <dt>– und <dd>-Gruppen, <div>, <script> oder <template>-Elemente enthalten.

Warum es wichtig ist

Screenreader lesen Definitionslisten nach einer festgelegten Struktur vor. Eine fehlerhafte Struktur kann dazu führen, dass Screenreader die Inhalte falsch wiedergeben.

Behebung des Problems

Entwickler müssen sicherstellen, dass <dl>-Elemente nur <dt>– und <dd>-Elemente enthalten und dass <dt> immer vor <dd> steht.

Items in Definitionslisten erfordern ein <dl>-Element um die Liste, <dt>-Elemente für jeden Begriff und <dd>-Elemente für jede Definition. Jede Gruppe von <dt>-Elementen muss von einem oder mehreren <dd>-Elementen gefolgt werden.

Gutes Code-Beispiel

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