<dl>-Elemente müssen korrekt strukturiert sein
Blind
Hören
WCAG 2.2 Level A
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