Prinzip P6

Eingabe als Mehrkanal-Konzept

Maus, Tastatur, Touch, Sprache: jede Funktion muss durch jeden Kanal vollständig erreichbar sein.

Warum dieses Prinzip wichtig ist

Maus, Tastatur, Touch, Sprache — vier Eingabekanäle, die alle dieselbe Webseite gleichwertig bedienen müssen.

Ihre Nutzer:innen kommen mit unterschiedlichen Eingabe-Kanälen — Maus am Desktop, Touch auf dem Tablet, Tastatur bei Power-Anwendung, Sprachsteuerung bei motorischen Einschränkungen oder beim Autofahren. Eine Website, die nur einen dieser Kanäle ernst nimmt, schließt die anderen aus.

Tastatur-Bedienbarkeit ist nicht nur für blinde Nutzer:innen relevant. Power-User, Entwickler:innen, Menschen mit motorischen Einschränkungen, Menschen mit temporären Verletzungen — alle profitieren. Eine vollständig tastatur-bedienbare Website ist gleichzeitig schneller bedienbar für routinierte Nutzer:innen.

Touch-Targets unter 44 × 44 CSS-Pixel reduzieren die Bedienbarkeit auf Mobile messbar. Was am Desktop-Mockup elegant kompakt wirkt, wird auf dem realen Smartphone unter Bewegung, im Sonnenlicht, mit feuchten Fingern zur Frustration. Mehr Spacing kostet kein Geld, wirkt aber direkt auf die Conversion.

Vier Kanäle, eine Funktion

Mehrkanal-Bedienung verlangt: jede Funktion muss in jedem Kanal eigenständig nutzbar sein, nicht nur in einem.

  • MausClick
  • TastaturEnter / Space
  • TouchTap
  • Sprache„Klick auf Termin buchen“
  • Termin buchen
Vier Eingabekanäle, eine Funktion. Mehrkanal-Bedienung verlangt von der Implementierung, dass jede Funktion in jedem Kanal eigenständig nutzbar ist.

Best Practice und Anti-Pattern

Drei Designentscheidungen, die Eingabekanäle stillschweigend ausschließen — und ihre kanaloffenen Alternativen.

Anti-Pattern

Drag-only Sortierung

Tastatur-Nutzer:innen können Listen nicht umsortieren. Verletzt WCAG 2.5.7.

Best Practice

Drag plus Tastatur-Alternative

Pfeiltasten zum Navigieren, Space/Enter zum Aufnehmen und Ablegen.

Anti-Pattern

Hover-Tooltips ohne Touch-Pendant

Auf Touch-Geräten unerreichbar.

Best Practice

Click-Toggle als Touch-fähige Variante

Tap öffnet, zweiter Tap oder Escape schließt.

Anti-Pattern

24 × 24 Touch-Targets in Toolbars

Gerade noch AA-konform, praktisch unbedienbar.

Best Practice

44 × 44 Touch-Targets mit Spacing-Reservoir

Komfortabel auch unter realen Bedingungen.

Anbindung an WCAG 2.2

Die normativen Erfolgskriterien, an denen dieses Prinzip operativ andockt.

  • SC 2.1.1KeyboardA
  • SC 2.1.2No Keyboard TrapA
  • SC 2.5.1Pointer GesturesA
  • SC 2.5.7Dragging MovementsAA
  • SC 2.5.8Target Size (Minimum)AA

Verwandte Prinzipien

Eingabe als Mehrkanal-Konzept lehnt sich an diese Prinzipien an.

Funktioniert jede Funktion Ihrer Website auch ohne Maus?

Selbstcheck starten

Neun Fragen, etwa vier Minuten. Kein Login.