Zum Inhalt springen

Sprunglink zum Hauptinhalt

Ein Sprunglink führt an wiederholter Navigation vorbei zum Hauptinhalt. Das Ziel muss auch für die anschließende Tastaturbedienung stimmen.

Auch bekannt alsSkip Link
Design & UX

Ein Sprunglink bietet einen direkten Weg über wiederkehrende Seitenbereiche hinweg, etwa von der Navigation zum Hauptinhalt. Menschen mit Tastaturbedienung müssen so nicht bei jedem Seitenwechsel alle gleichbleibenden Menüpunkte durchlaufen.

Den nächsten Schritt am Ziel prüfen

Im fiktiven Kundenportal steht am Seitenanfang der Link „Zum Hauptinhalt“. Nach seiner Aktivierung soll die Person im Bereich ihrer aktuellen Anfrage weiterarbeiten können. Wenn nur die Ansicht scrollt, die nächste Tabulatorbewegung aber wieder ins obere Menü führt, erfüllt der vorgesehene Weg seine Aufgabe noch nicht.

Sichtbarkeit und Fokus gehören dazu

Die W3C-Technik G1 beschreibt einen frühen Link zum Hauptinhalt und die Kontrolle seines Fokusziels. Der Link muss bei Tastaturfokus sichtbar sein, falls er nicht dauerhaft angezeigt wird. Prüfen Sie Aktivierung und anschließende Navigation in der verwendeten Oberfläche. Diese Technik ist ein möglicher Weg, wiederholte Blöcke zu überspringen; sie ist kein vollständiger Nachweis für die Zugänglichkeit des Portals.

Quellen

Verwandte Begriffe

Beiträge zum Thema

Ratgeber · Design & UX2 Min.Das Website-Menü an konkreten Aufgaben ausrichtenOrdnen Sie vorhandene Seiten den Aufgaben Ihrer Besucher zu. Eine ausgefüllte Zuordnung macht Menübegriffe, Ziele und die anschließende Prüfung nachvollziehbar.Julia Hoffmann13.11.2026
Ratgeber · Design & UX2 Min.Lieferadressdialog mit der Tastatur prüfenEin ausgearbeitetes Beispiel zeigt Fokusfolge, Abbrechen und Speichern im Adressdialog. So werden Tastaturfehler konkret nachvollziehbar.Julia Hoffmann13.11.2026
Insights · Design & UX2 Min.Gleiche Gestaltung braucht nicht überall denselben SeitenaufbauEine Liste hilft beim Vergleichen; eine Freigabe braucht die entscheidenden Einzelheiten. Vertraute Bedienelemente können trotzdem gemeinsam bleiben.Julia Hoffmann13.11.2026
Insights · Design & UX2 Min.Übersetzungsabdeckung misst noch keine erledigte AufgabeVollständige Sprachdateien helfen bei der Bestandskontrolle. Für die Freigabe einer mehrsprachigen Oberfläche braucht es zusätzlich einen funktionierenden Ablauf.Anna Neumann13.11.2026
Insights · Design & UX2 Min.Nutzerwünsche nach Aufgabe und Wirkung einordnenEin hypothetisches Lagerbeispiel zeigt, warum Wunschhäufigkeit, Arbeitsfolgen und Nutzungssituation gemeinsam in die Priorisierung gehören.Julia Hoffmann13.11.2026
Insights · Design & UX2 Min.Formulare anhand einer vollständigen Aufgabe bewertenEin fiktiver Formularvergleich zeigt, welche Fragen nach einer Gestaltungsfreigabe offenbleiben: Korrektur, Datenerhalt und bestätigter Eingang.Julia Hoffmann13.11.2026
Ratgeber · Design & UX2 Min.Mehrsprachige Oberflächen mit einem konkreten Vorgang planenEin Portalbeispiel zeigt, wie Sie lange Texte, lokale Zahl- und Datumsformate sowie fehlende Übersetzungen für einen Sprachwechsel planen.Julia Hoffmann13.11.2026
Ratgeber · Design & UX2 Min.Projektformulare mit klaren Feldern und Fehlermeldungen planenEin Formularentwurf zeigt Pflichtangaben, verständliche Feldtexte und konkrete Fehlerhinweise. Eingaben bleiben beim Korrigieren erhalten.Julia Hoffmann13.11.2026

Design & UX mit ASES

Nutzererlebnis, Oberflächen und Markenauftritt

Angebot anfragenMehr zu Design & UX