Empfohlene Praxis Priorität: Gering
Ein dekoratives Element wird trotzdem vom Screenreader angesagt
Ein als dekorativ markiertes Element (role="presentation" oder role="none") hat zusätzlich ARIA-Attribute oder kann den Tastaturfokus erhalten. Deshalb ignorieren manche Screenreader es und andere nicht. 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 womöglich überflüssige, bedeutungslose Elemente oder landen beim Drücken der Tab-Taste auf einem leeren Halt, etwa auf einem dekorativen Icon oder einer Trennlinie. Das ist nur ein kleines Ärgernis, aber zusätzliches Rauschen macht das Stöbern und Ausfüllen von Formularen langsamer.
Wen es betrifft
- Screenreader-Nutzer
- Tastaturnutzer
So beheben Sie es
Wenn das Element wirklich dekorativ ist, entfernen Sie globale ARIA-Attribute (etwa aria-label oder aria-describedby) und jedes tabindex, damit es einheitlich ignoriert wird. Wenn es eine Bedeutung hat oder anklickbar sein soll, entfernen Sie role="presentation" bzw. role="none" und geben Sie ihm stattdessen eine passende Rolle und einen zugänglichen Namen. Setzen Sie nie eine dekorative Rolle auf Links, Buttons oder Formularfelder.
Bei Shopify
Stammt meist aus Icon-Snippets oder Sections des Themes oder aus einer App. Korrigieren Sie das Markup in den Snippets oder Sections (Liquid) oder wenden Sie sich an den App-Entwickler.
Bei Shoptet (CZ)
Hängt vom Template oder einem Add-on ab. Prüfen Sie, ob eine neuere Template-Version das behebt; sonst wenden Sie sich an Shoptet oder eine Partneragentur oder korrigieren Sie Ihren eigenen eingefügten Code.
Bei PrestaShop
Meist in den .tpl-Dateien des Themes oder in Modul-Templates. Überschreiben Sie das Template im Theme, statt das Modul direkt zu bearbeiten.
Bei WooCommerce
Stammt meist aus dem Theme, einem Page Builder oder einem Plugin. Korrigieren Sie es in einem Template des Child-Themes oder melden Sie es dem Plugin-Autor, damit Updates die Korrektur nicht überschreiben.
Standards
Kein WCAG-Erfolgskriterium, sondern eine empfohlene Praxis, die die Website leichter nutzbar macht.
Automatische Prüfung: axe-core-Regel presentation-role-conflict.
dequeuniversity.com, github.com