Struktur

<dt> und <dd> gehören in eine Definitionsliste

Regel: dlitem
Schweregrad: Schwerwiegend
WCAG-Stufe A

Warum das wichtig ist

Außerhalb einer <dl> haben diese Elemente überhaupt keine Bedeutung — die Zuordnung von Begriff und Definition existiert nur innerhalb der Liste.

So beheben Sie es

Umschließen Sie die Paare mit einer <dl>.
Ein gruppierendes <div> gehört in die <dl> hinein, nicht darum herum.

Im Markup

Fehlerhaft

<div>
  <dt>VAT</dt>
  <dd>Value added tax</dd>
</div>

Korrekt

<dl>
  <dt>VAT</dt>
  <dd>Value added tax</dd>
</dl>

Die Anforderung dahinter

Diese Regel ist eine Art, die folgenden WCAG-2.2-Erfolgskriterien zu verfehlen. Das W3C, das den Standard herausgibt, erläutert jedes davon:

1.3.1 Info und Beziehungen (öffnet in neuem Tab) — WCAG-Stufe A

Weiterführende Quellen

Deque University zu dlitem (öffnet in neuem Tab)

Deque entwickelt axe-core, die quelloffene Prüf-Engine unseres Scanners. Ihre Seite dokumentiert die Regel so, wie die Engine sie umsetzt.

Automatische Prüfungen finden Fehler, die ein Browser nachweisen kann. Ob eine Untertitelspur inhaltlich stimmt, ob ein Alternativtext wirklich hilft oder ob sich eine Seite durchgängig mit der Tastatur bedienen lässt, kann nur ein Mensch beurteilen.