Mehrere Überspringen-Links für große Seiten
Bieten Sie Verknüpfungen zu Suche, Navigation und Inhalt an.
Mehrere Überspringen-Links für große Seiten ist eine kostenlose Web Accessibility Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Web Accessibility Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Web Accessibility Academy-Kurs umfasst insgesamt 4 Lektionen.
Wenn ein Link nicht ausreicht
Auf einer kleinen Seite genügt ein Skip-Link. Komplexe Layouts enthalten jedoch mehrere wiederholte Bereiche, und Benutzer möchten möglicherweise mehr als nur main erreichen.
Die Ziele der Benutzer berücksichtigen
Jemand möchte vielleicht das Suchfeld, die primäre Navigation oder die Fußzeile erreichen – nicht immer den Artikel. Bieten Sie die Ziele an, die tatsächlich benötigt werden.
Einige kurze Verknüpfungen anbieten
Eine gängige Auswahl ist Zum Inhalt springen, Zur Navigation springen, Zur Suche springen. Halten Sie die Liste kurz, damit sie selbst nicht zur lästigen Aufgabe wird.
In einer Navigation gruppieren
Fassen Sie Ihre Links zum Überspringen in einem kleinen nav-Bereich zusammen, damit sie oben auf der Seite als zusammengehörige Gruppe von Verknüpfungen vorgelesen werden.
<nav aria-label="Skip links"> ... </nav>Diesen Bereich benennen
Geben Sie dem Container ein aria-label wie „Skip-Links“. Ohne Namen klingen zwei nav-Bereiche auf einer Seite für eine Person mit Screenreader identisch.
Jeder Link benötigt ein Ziel
Jede Verknüpfung benötigt weiterhin eine echte id, an der der Fokus landen kann. „Zur Suche springen“ verweist auf den Suchbereich, „Zur Navigation springen“ auf das Menü und so weiter.
<a href="#search">Skip to search</a>Ziele fokussierbar halten
Fügen Sie wie zuvor jedem Ziel tabindex minus eins hinzu, damit der Fokus zuverlässig dorthin verschoben wird, wenn der zugehörige Link aktiviert wird.
Nicht übertreiben
Widerstehen Sie der Versuchung, für alles eine Verknüpfung hinzuzufügen. Zu viele Links zum Überspringen werden selbst zu einem Block wiederholter Inhalte, durch den man tabben muss.
Landmarks übernehmen den Hauptteil
Denken Sie daran, dass gut eingesetzte Landmarks Benutzern von Screenreadern bereits ermöglichen, von Bereich zu Bereich zu springen. Zusätzliche Skip-Links richten sich hauptsächlich an sehende Personen, die die Tastatur verwenden.
Auch hier ist die Reihenfolge wichtig
Listen Sie die Verknüpfungen in einer sinnvollen Reihenfolge auf, normalerweise mit dem Inhalt zuerst, da die meisten Menschen dafür gekommen sind. Selten benötigte Ziele kommen ans Ende.
Jeden Sprung testen
Tabben Sie durch die Gruppe und aktivieren Sie jeden Link. Prüfen Sie jedes Mal, ob der Fokus im richtigen Bereich landet und nicht ein Element daneben. ✅
Kurze Überprüfung
Wie sollten mehrere Links zum Überspringen auf einer großen Seite gruppiert werden?
Zusammenfassung
Bieten Sie auf großen Seiten einige Links zum Überspringen in einer benannten nav an, jeweils mit einem eigenen fokussierbaren Ziel. Halten Sie die Gruppe kurz und stellen Sie den Inhalt an die erste Stelle. 🎯
Häufig gestellte Fragen
Ist die Lektion „Mehrere Überspringen-Links für große Seiten“ kostenlos?
Ja — der vollständige Text von „Mehrere Überspringen-Links für große Seiten“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Web Accessibility Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Web Accessibility Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Mehrere Überspringen-Links für große Seiten“?
Bieten Sie Verknüpfungen zu Suche, Navigation und Inhalt an. Du übst Web Accessibility Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Web Accessibility Academy zu starten?
Keine Vorkenntnisse erforderlich. Web Accessibility Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.
Wie lange dauert die Lektion „Mehrere Überspringen-Links für große Seiten“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Web Accessibility Academy-Lektion Code schreiben und ausführen?
Ja. Jede Web Accessibility Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Warum es „Zum Hauptinhalt springen“ gibt
- Einen funktionierenden Skip-Link erstellen
- Bis zum Fokus visuell verborgen
- Mehrere Überspringen-Links für große Seiten