Ratgeber: Fokus setzen und Scrollen als getrennte Bedienentscheidungen prüfen

Der Fokuswechsel kann den sichtbaren Ausschnitt bewegen

Nach dem Schließen eines eigenen Dialogs soll die Tastaturbedienung an einer passenden Stelle weitergehen. HTMLElement.focus setzt den Fokus auf ein fokussierbares Element. MDN beschreibt, dass der Browser das Ziel normalerweise auch in den sichtbaren Bereich scrollt. Mit preventScroll lässt sich dieses automatische Scrollen verhindern. Ob das im konkreten Ablauf hilfreich ist, ist eine Bedienentscheidung und kein allgemeiner Grundsatz gegen jede Bewegung.

Ein erreichbares Ziel auswählen

Lege zunächst fest, an welchem Element die Person nach ihrer Aktion sinnvoll weiterarbeiten kann. Prüfe, ob dieses Ziel noch existiert und tatsächlich fokussierbar ist. Ein unsichtbares oder inzwischen entferntes Element ist kein guter Rückkehrpunkt. Entscheide anschließend, ob der sichtbare Ausschnitt erhalten bleiben soll oder ob das Ziel ausdrücklich ins Blickfeld kommen muss. Fokus und Scrollposition können auseinanderfallen; ein technisch gesetzter Fokus außerhalb des sichtbaren Bereichs kann deshalb ebenfalls verwirren.

Tastatur und kleine Ansicht gemeinsam testen

Baue für die Probe eine eigene harmlose Seite mit längerem Inhalt. Löse den vorgesehenen Ablauf per Tastatur aus und kontrolliere danach den tatsächlichen Fokus sowie den sichtbaren Bereich. Vergleiche den normalen Aufruf mit der Variante ohne automatisches Scrollen. Wiederhole die Probe bei schmalem Fenster und vergrößerter Schrift. Achte auf eine erkennbare Fokusmarkierung und den nächsten Tab-Schritt. Die Lösung soll nicht nur den Mauszeiger zufriedenstellen, sondern die weitere Tastaturbedienung nachvollziehbar machen.

Den konkreten Ablauf abnehmen

Dokumentiere Ausgangselement, Aktion und gewünschtes Rückkehrziel. Falls das ursprüngliche Element verschwindet, braucht die Anwendung einen bewusst gewählten Ersatz. Blende die Fokusmarkierung nicht pauschal aus, um eine optische Unruhe zu kaschieren. Prüfe außerdem die Unterstützung der verwendeten Optionen in den vorgesehenen Browsern. Die Abnahme gelingt, wenn die Person nach der Aktion weiß, wo sie weiterarbeiten kann und der Sichtbereich die Bedienung unterstützt. preventScroll garantiert weder Barrierefreiheit der gesamten Seite noch eine passende Fokusführung in jedem anderen Dialog.

Halte im Prüfbericht auch den nächsten tatsächlich ausgeführten Tastaturschritt fest. So wird aus der bloßen Vermutung eines Fokuswechsels eine nachvollziehbare Beobachtung der weiteren Bedienung.