Empfohlene Praxis Priorität: Gering
Tabellenüberschriften verwenden das scope-Attribut falsch
Eine Tabelle verwendet das scope-Attribut falsch, etwa auf einer normalen Datenzelle oder mit einem anderen Wert als row, col, rowgroup oder colgroup. 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 erkennen über scope, welche Überschrift zu welcher Zelle gehört. Ist es falsch gesetzt, hört jemand bei einer Größentabelle, Preis- oder Versandtabelle womöglich die falsche oder gar keine Überschrift und wählt die falsche Größe oder Option.
Wen es betrifft
- Screenreader-Nutzer
- blinde und sehbehinderte Kundinnen und Kunden
So beheben Sie es
Verwenden Sie scope nur auf Überschriftenzellen <th> und nur mit den Werten col, row, colgroup oder rowgroup. Entfernen Sie scope von <td>-Zellen; ist eine Zelle wirklich eine Überschrift, machen Sie daraus ein <th>. Eine einfache Tabelle mit einer Überschriftenzeile braucht meist gar kein scope.
Bei Shopify
Tabellen stammen meist aus Produktbeschreibungen oder Seiten im Rich-Text-Editor oder aus einer Größentabellen-App. Korrigieren Sie das HTML in der Code-Ansicht des Editors oder wenden Sie sich an den App-Entwickler.
Bei Shoptet (CZ)
Meist in Produktbeschreibungen oder Seitentexten. Korrigieren Sie das Tabellen-HTML in der Quelltextansicht des Editors; bei Tabellen aus dem Template wenden Sie sich an Shoptet oder eine Partneragentur.
Bei PrestaShop
Meist in Produktbeschreibungen aus dem Backoffice oder in Modul-Templates. Korrigieren Sie das HTML in der Beschreibung oder überschreiben Sie das Modul-Template im Theme.
Bei WooCommerce
Meist aus Produktbeschreibungen, einem Tabellen-Plugin oder dem Theme. Bearbeiten Sie das Tabellen-HTML in der Code-Ansicht des Editors oder ändern Sie die Überschriften-Einstellungen des Tabellen-Plugins.
Standards
Kein WCAG-Erfolgskriterium, sondern eine empfohlene Praxis, die die Website leichter nutzbar macht.
Automatische Prüfung: axe-core-Regel scope-attr-valid.
dequeuniversity.com, github.com, www.w3.org