Zum Inhalt springen
Pandus
de Sprache ändern
Menü

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

Einige Elemente verwenden veraltete Barrierefreiheits-Rollen

Einige Elemente verwenden Rollen, die der Barrierefreiheits-Standard WAI-ARIA als veraltet eingestuft hat, zum Beispiel role="directory".

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

Warum das für Ihre Kunden wichtig ist

Browser und Screenreader stellen die Unterstützung dieser Rollen nach und nach ein. Das Element wird dann womöglich ohne seine Bedeutung angesagt, zum Beispiel wird eine Linkliste nicht mehr als Liste erkannt.

Wen es betrifft

  • Screenreader-Nutzer

So beheben Sie es

Ersetzen Sie die veraltete Rolle durch ihre aktuelle Entsprechung (zum Beispiel role="list" statt role="directory") oder besser durch das passende native HTML-Element wie <ul>. Wenn die Rolle nichts beiträgt, entfernen Sie sie.

Bei Shopify

Eher selten, meist ein älteres Theme oder eine ältere App. Suchen Sie die Rolle in den Liquid- und JavaScript-Dateien des Themes und ersetzen Sie sie; prüfen Sie, ob eine neuere Theme- oder App-Version das bereits behebt.

Bei Shoptet (CZ)

Eher selten. Falls es vorkommt, melden Sie es Shoptet oder einer Partneragentur, damit der Template-Code aktualisiert wird.

Bei PrestaShop

Meist ein älteres Theme oder Modul. Ersetzen Sie die Rolle in den .tpl-Templates oder aktualisieren Sie das Modul.

Bei WooCommerce

Meist ein älteres Theme, ein Page-Builder oder ein Plugin. Aktualisieren Sie zuerst; bleibt die Rolle, korrigieren Sie sie im Child-Theme oder melden Sie sie dem Plugin-Entwickler.

Standards

Standards
StandardAbschnitt
WCAG 2.2 4.1.2 (A) Name, Role, Value
WCAG 2.1 4.1.2 (A) Name, Role, Value
WCAG 2.0 4.1.2 (A) Name, Role, Value
EN 301 549 4.1.1 9.4.1.2
EN 301 549 3.2.1 9.4.1.2
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.4.1.2

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

Ähnliche Prüfungen

Alle Regeln, die wir prüfen