Fokus-Reihenfolge

Fokussierbare Elemente müssen in einer sinnvollen Reihenfolge aneinander gereiht sein. Dies ermöglicht es Menschen, die nur eine Tastatur benutzen, intuitiv und schnell zwischen diesen Elementen navigieren und mit ihnen interagieren zu können.

Verstehen

Menschen, die nur über die Tastaturschnittstelle mit einer Website interagieren, müssen sich auf einer Website in einer sequentiellen und sinnvollen Reihenfolge zurechtfinden. Stellen Sie sicher, dass die Reihenfolge des Fokus intuitiv ist, und der Fokus beim Tabben durch die einzelnen Elemente nachvollziehbar (gemäss der visuellen Anordnung) von Element zu Element springt.

Im Normalfall bestimmt die Anordnung der Elemente im DOM die Reihenfolge (siehe 1.3.2). Soll dies übersteuert werden, kann das tabindex-Attribut verwendet werden, wovon aber in der Regel abzuraten ist.

Erleichtern Sie zudem die Navigation per Tastatur, indem Sie deren Fokus intelligent führen. Setzen Sie bspw. beim Öffnen eines modalen Dialogs den Fokus direkt in diesen hinein; verhindern Sie, dass er zurück in den abgedunkelten Hintergrund springen kann; und setzen Sie den Fokus zurück auf das vorhergehende Element, wenn der Dialog geschlossen wird. Beachten Sie diesbezüglich auch 2.1.1.

Vermeiden Sie zudem, dass der Fokus visuell «verloren» geht (etwa weil unsichtbare Elemente fokussiert werden können) oder unerwarteterweise an den Anfang der Seite zurück gesetzt wird (etwa weil das zuvor fokussierte Element plötzlich aus dem DOM entfernt wurde).

Verantwortlichkeiten

• Das Entwicklungsteam ordnet alle Elemente auf der Seite erwartungsgemäss aneinander und führt sinnvoll den Fokus der interaktiven Elemente.

WCAG-Text

Wenn eine Webseite der Reihe nach navigiert werden kann und die Reihenfolge der Navigation die Bedeutung oder Bedienung beeinflusst, erhalten fokussierbare Komponenten den Fokus in einer Reihenfolge, der Bedeutung und Bedienbarkeit aufrechterhält.