Zum Inhalt springen
Pandus
de Sprache ändern
Menü

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

Selbst gebaute Menüpunkte oder Tabs stehen außerhalb ihrer Gruppe

Einige selbst gebaute Einträge wie Menüpunkte, Tabs oder Optionen stehen nicht in der Gruppe, zu der sie gehören.

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

Warum das für Ihre Kunden wichtig ist

Screenreader-Nutzer erfahren womöglich nicht, dass Einträge zusammengehören oder wie viele es sind. Menüs, Tabs und Auswahllisten werden dadurch schwerer verständlich.

Wen es betrifft

  • Screenreader-Nutzer
  • blinde Kundinnen und Kunden

So beheben Sie es

Platzieren Sie jeden Eintrag in der erforderlichen Container-Rolle, zum Beispiel role="tab" in role="tablist", role="option" in role="listbox", role="menuitem" in role="menu" oder "menubar". Prüfen Sie dazwischenliegende Wrapper-Elemente ohne Rolle oder entfernen Sie Rollen, die nicht nötig sind.

Bei Shopify

Meist Theme-Menüs, Tabs oder App-Widgets. Korrigieren Sie die Struktur in den Liquid-Sections oder im JavaScript des Themes; App-Widgets melden Sie dem App-Entwickler.

Bei Shoptet (CZ)

Meist Menüs oder Tabs des Templates. Melden Sie es Shoptet oder einer Partneragentur.

Bei PrestaShop

Meist Theme-Menüs oder Modul-Templates. Korrigieren Sie es in den .tpl-Templates oder im JavaScript.

Bei WooCommerce

Meist Theme-Menüs, Page-Builder-Tabs oder Plugins. Korrigieren Sie es im Child-Theme-Code 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 aria-required-parent. dequeuniversity.com, github.com, www.w3.org

Ähnliche Prüfungen

Alle Regeln, die wir prüfen