Der Tastaturfokus sollte niemals auf ein bestimmtes Seitenelement beschränkt oder fixiert sein. Nutzer sollten nur über die Tastatur zu allen Seitenelementen gelangen und diese wieder verlassen können.
Manuelles Testen
Um zu testen, ob Nutzer nicht versehentlich ihren Fokus verdecken können, können Sie mit der Tastatur zu und von allen Seitenelementen wechseln.
Mit TAB gehen Sie vorwärts und SHIFT + TAB zum Zurückgehen.
Wenn Sie nicht alle Seitenelemente per Tabulatortaste durchgehen können, haben Sie den Test nicht bestanden. Achten Sie beim Testen insbesondere auf Widgets zur automatischen Vervollständigung, bei denen der Tastaturfokus hängen bleiben kann.
Lösung
Bei Seiten, die Inhalte in verschiedenen Formaten wie modale Dialogfelder und Widgets darstellen, besteht die Gefahr, dass Fokusfall gefährdet wird. Wenn ein modales Fenster angezeigt werden soll und du nicht möchtest, dass der Nutzer mit dem Rest der Seite interagiert, ist es sinnvoll, ihn vorübergehend abzufangen.
Sie sollten jedoch auch eine mit der Tastatur zugängliche Methode zur Verfügung stellen, um das Dialogfenster zu maskieren. In diesem Beispiel erfahren Sie, wie Sie ein barrierefreies Dialogfenster erstellen. Weitere Informationen finden Sie unter Modale und Tastaturfallen. In diesem Beispiel erhalten Sie die gewünschten Verhaltensweisen eines modalen Fensters, ohne den Nutzer dazu zu zwingen, die Seite zu aktualisieren, um aus dem Fokusfall zu gelangen.
Warum das wichtig ist
Für Nutzer, die keine Maus verwenden können oder möchten, ist die Tastaturnavigation das wichtigste Mittel, um alles auf einem Bildschirm zu erreichen. Gute Tastaturfunktionen hängen von einer logischen TAB-Reihenfolge und leicht erkennbaren Fokusstilen ab. Wenn ein Tastaturnutzer in einem bestimmten Seitenelement gefangen ist, hat er keine Möglichkeit, mit der Seite zu interagieren.
Weitere Informationen zur Überprüfung der Barrierefreiheit
Ressourcen
Quellcode für die Prüfung Nutzerfokus wurde nicht versehentlich in einer Region gefangen