US Web Design System: Nach einem Sprunglink den Fokus am Ziel prüfen

Eine Inhaltsnavigation hilft auf langen Seiten. Die US-Dokumentation unterscheidet bei einem Sprung zur Überschrift ausdrücklich zwischen Tastaturbedienung und Mausklick.

Das Sprungziel im Text eindeutig benennen

Eine lange Anleitung kann eine eigene Navigation zu ihren Hauptabschnitten anbieten. Das US Web Design System beschreibt eine Komponente, die standardmäßig Überschriften der Ebenen zwei und drei im Hauptinhalt ausliest. Für die Planung hilft eine einfache Vorarbeit. Schreibe die Überschriften in ihrer tatsächlichen Reihenfolge auf und markiere die Abschnitte, die Besucher direkt erreichen sollen. Eine Überschrift wie „Datei vor dem Import prüfen“ ist als Sprungziel verständlicher als „Weitere Informationen“. Wenn ein Abschnitt in der Navigation enthalten sein soll, braucht er ein eindeutiges Ziel. Vergleiche auch, ob die Auswahl der Ebenen zur Struktur deiner Anleitung passt.

Prüfen, wo die Tastatur nach dem Sprung weiterarbeitet

Die US-Dokumentation empfiehlt, beim Auslösen eines Sprunglinks über die Tastatur den Fokus auf das Ziel zu setzen. Für den Mausklick beschreibt sie ein anderes Fokusverhalten. In der Praxis kannst du das mit einem kurzen Ablauf prüfen. Tabuliere zur Inhaltsnavigation, aktiviere einen mittleren Abschnitt und drücke danach erneut die Tabulatortaste. Beobachte, ob der nächste bedienbare Punkt zum angesprungenen Bereich gehört. Wenn die Ansicht nach unten springt, die Tastatur aber oben in der Navigation weiterläuft, sind Scrollposition und Fokus auseinandergeraten. Prüfe außerdem, ob die Überschrift unter einer festen Kopfzeile vollständig lesbar bleibt.

Zwischen Linkziel und aktiver Markierung unterscheiden

Ein angeklickter Link hat ein Ziel. Die farbliche Markierung der gerade sichtbaren Passage kann sich dagegen beim Scrollen ändern. Die US-Komponente bietet Parameter für den beobachteten Bereich, wenn das Projekt diese Markierung abstimmen muss. Prüfe zuerst den Link selbst mit einem direkt geöffneten Abschnitt und einem Seitenaufruf mit schmaler Darstellung. Wiederhole den Ablauf mit vergrößertem Text. Wenn eine Überschrift dabei mehrere Zeilen beansprucht, sollte sie sichtbar bleiben. Für die Abnahme lohnt sich eine kurze Liste aus Sprung, sichtbarer Position und nächstem Fokuspunkt. Damit lässt sich eine reine Darstellungsänderung von einer tatsächlichen Bedienungsverbesserung unterscheiden.