abalogo

Skip-Links & Tab-Navigation 

Viele Benutzer, die auf Internetseiten stets die Maus zum Navigieren einsetzen, sind sich gar nicht bewusst, dass es zahlreiche Menschen gibt, die diese Möglichkeit nicht nutzen oder überhaupt nicht nutzen können – zum Beispiel sehbehinderte oder blinde Menschen, die häufig auf sogenannte Bildschirmleseprogramme („Screenreader“) angewiesen sind, die über die Tastatur gesteuert werden.

1. Erläuterung

Skiplinks (vom englischen Verb „to skip“, was unter anderem „springen, überspringen, auslassen“ bedeutet) sind Sprungmarken, die es Nur-Tastatur-Benutzern ermöglichen, durch Drücken der Tabulatortaste (Tab-Taste) schnell zu bestimmten Bereichen der Webseite zu springen, ohne auf dem Weg dorthin sämtliche im Quellcode davorliegenden Links anspringen zu müssen.

2. Demonstration für sehende Benutzer

Hier auf abalogo.de stelle ich Tastatur-Benutzern drei Skiplinks zur Verfügung, über die blitzschnell die drei Hauptbereiche jeder Seite erreicht werden können: 1.) Sprung zum Hauptinhalt – im vorliegenden Fall die linke Spalte, 2.) Sprung zur rechten Randspalte – mit Links zu den Demo-Seiten und den Kontaktdaten, sowie 3.) Sprung zum Fußbereich der Seite – mit einer übersichtlichen Sitemap (Inhaltsverzeichnis der gesamten Website).

Wenn Ihnen die Skip-Links und die Tab-Navigation bisher noch unbekannt waren, sollten Sie diese jetzt einfach mal testen – indem Sie zunächst auf den folgenden Link klicken: Seite neu laden (Herstellen der Ausgangssituation beim erstmaligen Betreten dieser Seite) und dann die Tab-Navigation starten, indem Sie die Maus unberührt lassen und stattdessen die Tabulatortaste drücken. Diese liegt bei deutschen Tastaturen links neben der Taste Q.

Nach wiederholtem Drücken der Tab-Taste wird am oberen Fensterrand des Browsers eine bis dahin unsichtbare Leiste mit dem ersten Skip-Link „Direkt zum Hauptinhalt“ eingeblendet. Sie können diesen Befehl nun entweder durch Drücken der Eingabe- oder Enter-Taste bestätigen oder die Tabulatortaste erneut betätigen, sodass der nächste Skip-Link sichtbar wird: „Direkt zur rechten Randspalte“. Dies wird entweder wie gehabt bestätigt oder die Tab-Taste wird noch einmal gedrückt, sodass der Skip-Link „Direkt zum Fußbereich“ angezeigt wird. Durch erneutes Betätigen der Tabulatortaste kann dann jeweils der nächste Link bzw. das nächste Sprungziel der Seite angesprungen werden. Für testende Mausbenutzer, denen die Tab-Navigation bisher nicht geläufig war: Wenn statt des nächsten der vorhergehende Link angesprungen werden soll, erfolgt dies über die Tastenkombination „Umschalttaste + Tabulatortaste“ (Shift + Tab).

Seitenanfang

Demos im Überblick 

• Demos: Einleitung
• Bilder zeigen: Beispiele
• Videos zeigen: Beispiele
• Wörterbücher: externe einbinden
• Glossare: eigene oder externe
• Layout: Stabilität und Flexibilität
• Skip-Links und Tab-Navigation
• Validator-Prüfung

Flexible Preisgestaltung

Kontakt aufnehmen

Bildergalerien

Vier Grafiklinks zur Demoseite für Bildergalerien

• 
• 
• 
•