Tastaturzugänglichkeit

Manche Leute benutzen nicht die Maus, sondern andere Interaktionsmethoden. Diese müssen auch mit der Tastatur funktionieren.

Eine zugängliche Tastatur ist wichtig für alle, die nicht so gut mit der Maus zurechtkommen. Das sind zum Beispiel Menschen, die nicht so geschickt mit den Händen sind oder blind sind.

Drei Dinge sind beim Testen der Tastaturzugänglichkeit wichtig: Fokus, Funktionalität und Benutzersteuerung.

UI-Steuerelemente und -Eingaben müssen fokussierbar sein.

Zu den UI-Steuerelementen gehören Links, Schaltflächen und benutzerdefinierte Steuerelemente. Auch alles, mit dem der Benutzer interagieren kann, gehört dazu. Mit einem Formular können Benutzer Texte eingeben, auswählen oder Kontrollkästchen und Optionsfelder anklicken. Ein Formular kann mit der Tabulatortaste nacheinander durchgegangen werden. Wenn ein UI-Element nicht fokussiert werden kann, ist das ein Fehler.

Um zu testen, ob Funktionen beim Überfahren mit dem Mauszeiger aktiviert sind, z. B. Menüs, Pop-ups oder Quick-Infos, bewegt man den Mauszeiger über alle aktiven Elemente. Wenn Sie Elemente finden, die beim Überfahren mit dem Mauszeiger etwas machen, stellen Sie sicher, dass Sie diese auch mit der Tastatur ansteuern können.

UI-Steuerelemente und -Eingaben sollten nicht den Fokus behalten. Du musst mit der Tab-Taste von ihnen wegschalten können. Wenn du nicht mit der Tab-Taste von etwas wegschalten kannst, ist das ein Fehler.

Die nächste Regel ist, dass Sie über eine Anzeige verfügen müssen, die Ihnen sagt, welches Element Sie gerade bearbeiten. Sie sollten ein Zeichen haben, das zeigt, welches Element gerade wichtig ist. Das kann zum Beispiel eine Linie oder eine andere Farbe sein. Wenn Sie nicht sehen können, wo der Fokus liegt, ist das ein Fehler.

Die nächste Regel ist: Elemente, die man fokussiert, müssen auf dem Bildschirm sichtbar sein. Wenn der Fokus auf einem unsichtbaren Element außerhalb des Bildschirms liegt, ist das ein Fehler. Sehende Benutzer können das Element nicht erkennen.

Auch andere Elemente dürfen die fokussierten Elemente nicht verdecken. Wenn Sie durch den Inhalt tippen, werden Dropdown-Menüs, Dialoge, Popups und andere Funktionen aktiviert. Wenn Sie zu einem Element navigieren möchten, das verdeckt ist, und Sie tippen die Tabulatortaste, ist das ein Fehler bei der Barrierefreiheit. Diese Teile müssen geschlossen oder unsichtbar sein, wenn die darunter liegenden Teile aktiv sind.

Inaktive Elemente sollten nicht fokussierbar sein. Auch aktive UI-Elemente müssen fokussierbar sein. Inaktive Elemente wie Überschriften, Absätze, Listen, Tabellen, Bilder usw. sollten nicht fokussierbar sein, wenn man mit der Tabulatortaste auf der Seite herumblättert. Die nächste Regel lautet: Die Reihenfolge, in der Elemente fokussiert werden, muss logisch sein.

Achten Sie darauf, dass Sie beim Navigieren durch den Inhalt mit der Tab-Taste die richtigen Schritte ausführen. Normalerweise sollte die Tabulatorreihenfolge der Lesereihenfolge folgen. Es gibt aber Ausnahmen.

Testen Sie vorwärts und rückwärts Tabben zum Inhalt. Die Reihenfolge sollte sinnvoll sein.

Die Reihenfolge, in der die Elemente fokussiert werden, muss sinnvoll sein. Wenn sich der Fokus bewegt und auf Aktionen reagiert, muss die Fokusreihenfolge logisch sein. Das gilt auch für diese dynamischen Komponenten.

Im modalen Dialog muss der Fokus auf den Dialog gesetzt werden, wenn dieser geöffnet wird. Innerhalb des Dialogfelds darf man nicht mit der Tabulatortaste navigieren. Aber man muss es schließen können. Wenn der Dialog geschlossen wird, muss der Fokus an einer logischen Stelle platziert werden, nämlich an der Stelle, an der der Dialog ursprünglich aktiviert wurde.

Andere Arten von Steuerelementen für die Benutzeroberfläche haben eigene Interaktionsmodelle. Diese müssen logisch sein.

Die nächste große Kategorie ist die Zugänglichkeit der Tastatur.

Alle UI-Steuerelemente müssen mit der Tastatur bedienbar sein. Wenn ein UI-Steuerelement nicht mit der Tastatur bedient werden kann, ist das ein Fehler. Das ist einfach.

Alle Funktionen müssen mit der Tastatur bedienbar sein.

Zweitens sollten die Steuerelemente so aussehen, wie man es von ihnen erwartet. Auch wenn dies keine technische Anforderung ist, sollten UI-Elemente selbsterklärend sein. Wenn man nicht weiß, was die Tastatur macht, ist das genauso schlimm, wie wenn es keine Tastatur gibt.

Die letzte große Kategorie ist die Steuerung durch den Benutzer.

Erstens darf die Funktion nicht davon abhängen, wie schnell die Tasten gedrückt werden. Funktionen, die schnell sein müssen oder bei denen man bestimmte Tasten schnell hintereinander drücken muss, sind ein Fehler bei der Barrierefreiheit. Es sei denn, das schnelle Drücken der Tasten ist für die Funktion absolut notwendig.

Die letzte Regel ist, dass der Fokus keinen Kontextwechsel auslösen darf. Blinde Tastaturbenutzer sollten eine Webseite durchklicken können, ohne dass sie aus Versehen eine Funktion aktivieren.

Es ist ein Fehler, wenn sich der Kontext ändert, zum Beispiel wenn sich der Fokus verschiebt oder ein neues Browserfenster geöffnet wird. Auch wenn eine andere Anwendung geöffnet wird, wenn man nur mit der Tabulatortaste wechselt, ist das verwirrend.

Es gibt drei wichtige Punkte, die man bei der Tastaturzugänglichkeit beachten muss: Fokus, Funktionalität und Benutzersteuerung. Je aktiver ein Inhalt ist, desto genauer müssen Sie auf die Regeln der Tastaturzugänglichkeit achten. Es ist schwieriger, alle potenziellen Fehler zu erfassen. Aber man kann das mit Übung lernen.