Andere Eingabemethoden

Sprachsteuerung

Normalerweise müssen Sie nichts Besonderes für die Sprachsteuerung tun. Ihre Website ist automatisch dafür zugänglich, wenn Ihre interaktiven Komponenten über die Tastatur erreichbar sind und Ihre Inhalte für Screenreader zugänglich sind. Nutzen Sie die Vorteile der Tastaturemulation. Sie verhalten sich im Grunde genauso wie eine Tastatur.

Gesten

Alle Gesten-Interaktionsmuster müssen auch für Tastaturbenutzer sein. Gesten sind nicht die einzige Möglichkeit, etwas zu tun.

Touch-Interaktionen

Auch hier muss man die Tasten gut erreichen können. Touch-Interaktionen funktionieren meistens gut, solange die Elemente über die Tastatur zugänglich sind. Sobald Sie das eingerichtet haben, gibt es ein paar weitere Punkte.

Größe des Touch-Ziels

Das Touch-Ziel muss groß genug sein und sich einfach aktivieren lassen. Der Benutzer darf nichts anderes berühren. Seitlich, oben oder unten. Seit WCAG 2.2 müssen die Seiten des Touch-Ziels mindestens 24 x 24 CSS-Pixel groß sein. Das gilt für Navigationsmenüs, Schaltflächen und andere UI-Steuerelemente.

Es gibt ein paar Ausnahmen, zum Beispiel, wenn genug Abstand da ist oder wenn es ein Inline-Link ist.

Es gibt noch ein paar andere Punkte, die man beachten muss. Aber der wichtigste Punkt ist, dass das Design keine Fehler enthalten darf, durch die Nutzer aus Versehen auf das falsche Touch-Ziel klicken.

Bewegungsauslösung

Wenn Sie eine Funktion entwerfen, die auf die Bewegung des Benutzers reagiert, zum Beispiel beim Gehen, sich umdrehen oder schütteln, müssen Sie darauf achten. Das Gleiche gilt für Funktionen, die auf Gerätebewegungen reagieren, zum Beispiel ein Telefon schütteln oder kippen. Sie können diese Methoden verwenden, aber Sie müssen dafür sorgen, dass die gleiche Funktion auch mit anderen Methoden verfügbar ist, zum Beispiel mit der Tastatur. Außerdem müssen Sie den Benutzern erlauben, die Bewegungssteuerung zu deaktivieren, damit sie sie nicht versehentlich auslösen.

Maus

Als letztes erwähne ich noch die Maus. Es ist selten, dass ein Webentwickler vergisst, eine Komponente für die Maussteuerung zugänglich zu machen. Es gibt nicht viel zu sagen, außer dass die Größe des Klickziels und die Größe des Touch-Ziels eine Rolle spielen. Mit Touch-Oberflächen und Drag-and-Drop-Funktionalität benötigt ein Tastaturäquivalent sowie ein Äquivalent für einen einzelnen Zeiger. Damit Sie es nicht mit der Maus ziehen müssen, können Sie einfach mit der Maus klicken.

Sie werden festgestellt haben, dass alle diese Eingabemethoden ein Tastaturäquivalent haben.