Verwendung
Sogenannte Skip-Links (Sprung-Links) dienen Tastaturnutzern als einfaches Mittel, um definierte größere logische Seitenbereiche unmittelbar zu erreichen.
Das Besondere ist, dass diese Skip Links nicht nur den Viewport verschieben, sondern auch den Tastatur-Fokus auf den angesprungenen Bereich setzen. So kann man hiermit nach dem Laden einer Folgeseite die nun überflüssige Navigation überspringen und unmittelbar zum wesentlichen Seiteninhalt gelangen.
Diese Skip-Links sind als Bestandteil des Seitenrahmens das erste sowie das letzte interaktive Element in einem Seitenbaum.
Link zu Seitenbereichen im Header
Die oberen Skip-Links sind initial ausgeblendet und identifizieren einen Tastaturnutzer eindeutig, indem sie nur bei :focus im Seitenkopf eingeblendet werden.
Die Anzahl der Ziele für diese Skip-Links wird vom Design System bewusst nicht vorgegeben, eine benötigte Anzahl größer als 3 oder 4 könnte aber ein Indikator für eine zu komplexe Seitenstruktur sein, die weiter in Einzelschritte aufgeteilt werden könnte. Im Standard-Seitenrahmen sind die folgenden oberen Skip-Links definiert:
- „Zur Navigation“ setzt den Tastatur-Fokus auf die Navigation im Header (
<header><nav id="$IDREF">) - „Zum Seiteninhalt“ setzt den Tastatur-Fokus auf den wesentlichen Seiteninhalt (
<main id="$IDREF">) - „Zu weiteren Links“ setzt den Tastatur-Fokus auf den Footer der Gesamtseite (
<footer id="$IDREF">)
Link zurück zum Seitenanfang im Footer
Die Skip-Links am Seitenbeginn finden ihr Pendant am Ende der Seiten – dort wird ebenso ausschließlich bei Tastaturnutzung ein entsprechender Link „Zum Seitenanfang" zum Abschluß der Fußzeile eingeblendet.
Die Funktionalität „Zum Seitenanfang“ ermöglicht es Tastaturnutzern oder Anwendern mit mobilen Endgeräten und Screenreadern, vom Fußbereich der Seiten unmittelbar zum Kopfbereich zu navigieren. Dies erspart bei Touch-UIs lange Scroll-Wege und setzt bei Tastaturnutzung den Fokus wieder auf den Beginn des Inhalts, um von dort weiter zu navigieren.
Anwendungen, die an den Seitenrahmen des Zoll-Portals angelehnt sind, müssen diese beiden Skip Links zwingend verwenden.
Variante: Link zurück zum Seitenanfang im Content
Bei bestimmten Inhaltsformen wie z. B. ausführlichen Hilfen mit einer Vielzahl von Fragen und Antworten (FAQs) kann es sinnvoll sein, aus dem Inhalt heraus wieder zurück nach “oben” zu einer Übersicht der Fragen oder zu seinem Seitennavigations-Menü zu verlinken. Allerdings sollen diese Links nur vereinzelt und mit Bedacht eingesetzt werden, um das Interface nicht zu überfrachten.
