Der Fokus der Nutzenden liegt nicht versehentlich in einer Region.

Der Tastaturfokus darf niemals auf einem bestimmten Seitenelement fixiert oder eingefroren sein. Nutzer sollten nur über die Tastatur zu und von allen Seitenelementen navigieren können.

Manuelles Testen

Um zu testen, ob Nutzer den Fokus nicht versehentlich einfangen können, können Sie nur mit der Tastatur zu und von allen Seitenelementen navigieren. Mit der Tabulatortaste können Sie vor- und mit der Umschalttaste + Tabulatortaste zurückgehen.

Wenn Sie mit der Tabulatortaste nicht durch alle Seitenelemente navigieren können, funktioniert die Tastaturnavigation nicht richtig. Achten Sie auf Widgets für die automatische Vervollständigung, da der Tastaturfokus möglicherweise hängen bleibt.

Weitere Informationen zu manuellen Bedienungshilfentests

Lösung

Bei Seiten, auf denen Inhalte in verschiedenen Formaten dargestellt werden, z. B. modale Dialogfelder und Widgets, besteht die Gefahr von Fokusfallen.

Wenn Sie ein modales Fenster haben, das eine Interaktion erfordert und in dem Sie verhindern möchten, dass der Nutzer mit dem Rest der Seite interagiert, bis er bestätigt wird, können Sie den Nutzer nur vorübergehend blockieren. Sie sollten jedoch eine Tastaturmethode zum Beenden des Modalfensters anbieten.

In diesem Beispiel wird beschrieben, wie Sie ein barrierefreies modales Fenster erstellen. In diesem Beispiel erhalten Sie das beabsichtigte Verhalten eines modalen Fensters, ohne den Nutzer zu zwingen, die Seite zu aktualisieren, um aus der Fokusfalle zu gelangen.

Weitere Informationen finden Sie unter Modalen und Tastaturfallen.

Warum das wichtig ist

Für Nutzer, die die Maus nicht verwenden können oder dies nicht möchten, ist die Tastaturnavigation das wichtigste Mittel, um alle Elemente auf dem Bildschirm zu erreichen. Eine gute Bedienung der Tastatur hängt von einer logischen Tabulatorreihenfolge und erkennbaren Fokusstilen ab. Wenn ein Nutzer mit Tastatur in einem bestimmten Seitenelement gefangen ist, kann er nicht mit der Seite interagieren.

Weitere Informationen zum Testen mit Hilfstechnologien

Ressourcen

Quellcode für die Prüfung Der Fokus des Nutzers wird nicht versehentlich in einer Region gefangen