Zum Inhalt springen
Pandus

Empfohlene Praxis Priorität: Gering

Beschriftung und Zusammenfassung einer Tabelle wiederholen denselben Text

Eine Tabelle hat denselben Text in ihrem <caption> und im summary-Attribut, sodass Screenreader ihn womöglich zweimal vorlesen. Dies ist eine empfohlene Praxis über das Niveau WCAG 2.2 AA hinaus.

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

Warum das für Ihre Kunden wichtig ist

Screenreader-Nutzer hören denselben Tabellentitel zweimal, bevor der Inhalt kommt, etwa bei einer Größen- oder Versandtabelle. Das ist nur ein kleines Ärgernis, aber wiederholter Text wirkt überladen und macht die Seite langsamer nutzbar.

Wen es betrifft

  • Screenreader-Nutzer

So beheben Sie es

Behalten Sie den sichtbaren Titel im <caption>. Entfernen Sie das summary-Attribut, das in HTML5 veraltet ist. Braucht eine komplexe Tabelle eine Erklärung ihres Aufbaus, setzen Sie diese in die Beschriftung oder in Text neben der Tabelle, nicht als Kopie des Titels.

Bei Shopify

Meist aus Tabellen, die in Produktbeschreibungen oder Seiten eingefügt wurden, oder aus einer Größentabellen-App. Entfernen Sie das summary-Attribut in der Code-Ansicht des Editors oder wenden Sie sich an den App-Entwickler.

Bei Shoptet (CZ)

Meist in Produktbeschreibungen oder Seitentexten. Entfernen Sie das summary-Attribut in der Quelltextansicht des Editors.

Bei PrestaShop

Meist in Produktbeschreibungen oder Modul-Templates. Entfernen Sie summary aus dem HTML oder überschreiben Sie das Modul-Template im Theme.

Bei WooCommerce

Meist aus einem Tabellen-Plugin oder aus HTML, das in eine Beschreibung eingefügt wurde. Entfernen Sie summary im Tabellen-HTML oder in den Plugin-Einstellungen, falls es dort eine Option gibt.

Standards

Kein WCAG-Erfolgskriterium, sondern eine empfohlene Praxis, die die Website leichter nutzbar macht.

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

Alle Regeln, die wir prüfen