definition-list-children-valid

Beschreibungslisten müssen korrekt strukturiert sein

Prüft, dass <dl>-Elemente direkt nur <dt>/<dd>-Gruppen (optional in einem <div> gruppiert), <script>, <template> oder <style> enthalten.

Anwendbarkeit. Gilt für <dl>-Elemente, die mindestens ein direktes Kindelement oder nicht leeren Text direkt in sich enthalten.

Erwartung. Jedes direkte Kindelement ist <dt>, <dd>, <script>, <template>, <style> oder ein <div>, dessen eigene Kinder aus derselben Menge stammen (eine einzige Ebene umschließender divs ist erlaubt, entsprechend der üblichen Gruppierung von dt/dd-Paaren). Nicht leerer Text direkt im <dl> oder in einem umschließenden <div> ist ebenfalls ein ungültiges Kind. Enthält die abgeflachte Menge überhaupt ein <dt> oder <dd>, muss sie BEIDE enthalten (ein unausgewogenes dt ohne dd oder dd ohne dt ist ungültig) und, der Reihe nach gelesen, aus Gruppen von einem oder mehreren <dt> gefolgt von einem oder mehreren <dd> bestehen: Ein <dd> vor dem ersten <dt> hat keinen Begriff, und ein <dt> nach dem letzten <dd> hat keine Definition. Eine abgeflachte Menge ohne beide (eine leere Liste oder eine, die nur <script>, <template> oder <style> enthält) ist kein Verstoß: Die Paarbildung wird nur von einer Liste verlangt, die Einträge hat. Jedes andere direkte oder umschlossene Kind bricht die Semantik der Beschreibungsliste, auf die sich assistive Technologien stützen.

Beispiele

<dl>
  <dt>Term</dt>
  <dd>Definition</dd>
</dl>

<dl>
  <dt>Term</dt>
  <dd>Definition</dd>
  <p>oops</p>
</dl>

Quellcode ansehen