Zum Inhalt springen
Pandus
de Sprache ändern
Menü

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

Einige scrollbare Bereiche sind per Tastatur nicht bedienbar

Einige Boxen auf der Seite lassen sich scrollen, aber Tastaturnutzer können sie nicht ansteuern, um darin zu scrollen.

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

Warum das für Ihre Kunden wichtig ist

Wer statt einer Maus die Tastatur nutzt, kann den Rest einer Größentabelle, der Lieferbedingungen oder einer Filterliste nicht lesen und verpasst so Informationen oder Optionen.

Wen es betrifft

  • Tastaturnutzer
  • Menschen mit motorischen Einschränkungen
  • Screenreader-Nutzer

So beheben Sie es

Machen Sie jeden scrollbaren Bereich per Tastatur erreichbar: tabindex="0" mit einem zugänglichen Namen (aria-label) und einer passenden Rolle ergänzen oder sicherstellen, dass er ein fokussierbares Element enthält. Besser: kleine Scrollboxen für wichtige Inhalte vermeiden.

Bei Shopify

Meist Tabellen, Tabs, Filterlisten oder App-Widgets im Theme. Ergänzen Sie tabindex und eine Beschriftung in den Liquid-Sections des Themes oder vermeiden Sie Scrollboxen mit fester Höhe im CSS.

Bei Shoptet (CZ)

Meist Tabellen oder Textboxen im Template oder im Inhalt. Vermeiden Sie Boxen mit fester Höhe in Ihren Inhalten; Probleme im Template melden Sie Shoptet oder einer Partneragentur.

Bei PrestaShop

Meist Produkt-Tabs, Tabellen oder Listen der Facettensuche. Korrigieren Sie es in den .tpl-Templates oder im CSS des Themes.

Bei WooCommerce

Meist Tabellen, Tabs oder Widgets aus dem Theme oder aus Plugins. Korrigieren Sie es in Child-Theme-Templates oder im CSS oder melden Sie es dem Plugin-Entwickler.

Standards

Standards
StandardAbschnitt
WCAG 2.2 2.1.1 (A) Keyboard
WCAG 2.2 2.1.3 (AAA) Keyboard (No Exception)
WCAG 2.1 2.1.1 (A) Keyboard
WCAG 2.1 2.1.3 (AAA) Keyboard (No Exception)
WCAG 2.0 2.1.1 (A) Keyboard
WCAG 2.0 2.1.3 (AAA) Keyboard (No Exception)
EN 301 549 4.1.1 9.2.1.1
EN 301 549 3.2.1 9.2.1.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.2.1.1

Automatische Prüfung: axe-core-Regel scrollable-region-focusable. dequeuniversity.com, github.com, www.w3.org, www.w3.org, www.etsi.org

Ähnliche Prüfungen

Alle Regeln, die wir prüfen