WCAG-A/AA-Anforderung Priorität: Schwerwiegend
Klickbare Elemente sind ineinander verschachtelt
Einige klickbare Elemente liegen in anderen klickbaren Elementen, zum Beispiel ein Wunschlisten-Button in einer klickbaren Produktkarte.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Screenreader- und Tastaturnutzer erreichen das innere Bedienelement womöglich nicht oder können es nicht unterscheiden. Sie verpassen so Schnellkauf- oder Wunschlisten-Funktionen oder öffnen versehentlich das Falsche.
Wen es betrifft
- Screenreader-Nutzer
- Tastaturnutzer
- Nutzer von Sprachsteuerung
So beheben Sie es
Platzieren Sie keine Links, Buttons oder Eingabefelder in einem anderen Link oder Button oder in einem Element mit role="button" o. Ä. Setzen Sie den Hauptlink der Karte und ihre Buttons nebeneinander; vergrößern Sie die klickbare Fläche des Hauptlinks bei Bedarf per CSS.
Bei Shopify
Meist Produktkarten mit Schnellkauf- oder Wunschlisten-Buttons aus dem Theme oder Apps. Bauen Sie die Karte im Liquid-Snippet des Themes um; App-Buttons melden Sie dem App-Entwickler.
Bei Shoptet (CZ)
Meist Produktkarten im Template. Melden Sie es Shoptet oder einer Partneragentur.
Bei PrestaShop
Meist Templates für Produkt-Miniaturen mit Schnellansicht- oder Wunschlisten-Buttons. Bauen Sie das .tpl-Template für Produkt-Miniaturen im Theme um.
Bei WooCommerce
Meist Produktlisten (Loops) aus dem Theme, aus Page-Buildern oder Wunschlisten-Plugins. Bauen Sie das Template in einem Child-Theme um oder melden Sie es dem Plugin-Entwickler.
Standards
| Standard | Abschnitt |
|---|---|
| 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 nested-interactive.
dequeuniversity.com, github.com, www.w3.org
Ähnliche Prüfungen
-
Die Seite gibt zwei verschiedene Sprachen an
WCAG 3.1.1 A
-
Barrierefreiheits-Attribute haben falsche Werte
WCAG 4.1.2 A
-
Der Titel einer Tabelle steht in einer Tabellenzelle
WCAG 1.3.1 A
-
Klickbare Elemente sind ineinander verschachtelt
WCAG 4.1.2 A