Zum Inhalt springen
Pandus

WCAG-A/AA-Anforderung Priorität: Gering

Eine Bezeichnung oder ein Wert steht außerhalb ihrer Liste

Ein <dt>- oder <dd>-Element (eine Bezeichnung oder ein Wert, oft in Produktdaten) steht nicht in einer Beschreibungsliste <dl>.

Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.

Warum das für Ihre Kunden wichtig ist

Screenreader können Bezeichnungen und Werte nicht als Paare wiedergeben. Kunden wissen dadurch womöglich nicht, welcher Wert zu welchem Merkmal gehört.

Wen es betrifft

  • Screenreader-Nutzer

So beheben Sie es

Setzen Sie jedes <dt> und <dd> direkt in eine <dl> oder in ein <div>, das direktes Kind einer <dl> ist. Handelt es sich nicht um Paare aus Bezeichnung und Wert, verwenden Sie andere Elemente wie <p>, eine Liste oder eine Tabelle.

Bei Shopify

Seltener; meist in eigenen Sections für Produktdaten oder App-Markup, das <dt>/<dd> ohne <dl> ausgibt. Korrigieren Sie es in den Liquid-Sections oder -Snippets des Themes.

Bei Shoptet (CZ)

Meist im Template-Code. Melden Sie es Shoptet oder einer Partneragentur.

Bei PrestaShop

Meist in angepassten Produkt- oder Warenkorb-Templates. Korrigieren Sie das Markup in den .tpl-Dateien des Themes oder in überschriebenen Modul-Templates.

Bei WooCommerce

Meist in Themes oder Plugins, die Warenkorb-, Bestell- oder Produkt-Templates überschreiben. Korrigieren Sie es im Child-Theme-Template oder melden Sie es dem Plugin-Entwickler.

Standards

Standards
StandardAbschnitt
WCAG 2.2 1.3.1 (A) Info and Relationships
WCAG 2.1 1.3.1 (A) Info and Relationships
WCAG 2.0 1.3.1 (A) Info and Relationships
EN 301 549 4.1.1 9.1.3.1
EN 301 549 3.2.1 9.1.3.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.1.3.1

Automatische Prüfung: axe-core-Regel dlitem. dequeuniversity.com, github.com, www.w3.org

Alle Regeln, die wir prüfen