Sie sind hier: Startseite · Artikel · Komfort für Tastaturnutzer

Komfort für Tastaturnutzer

Hinweis:
Dieser Artikel ist älter als 18 Monate / wurde seit 18 Monaten nicht aktualisiert. Dies kann (muss aber nicht) dazu führen, dass der Artikel, und / oder darin beschriebene Techniken, nicht mehr aktuell sind. Bitte berücksichtigen Sie diesen Hinweis bei der Lektüre.

Hinweis: Dieser Artikel - Erstveröffentlichung am 24.07.2016 - ist am 16. Februar 2019 von meinem Wordpress-Blog hierher umgezogen.

Blinde Menschen, die mit einem Screen Reader surfen, haben gegenüber sehenden Tastaturnutzern — also Surfern, die aus welchem Grund auch immer keine Maus benutzen können — seit jeher einen Vorteil: Sie können mit Hilfe ihres Screen Readers verschiedene Elemente auf der Seite direkt anspringen. Z. B. alle Überschriften auf der Seite.
Tastaturnutzern ist dieser Komfort verwehrt. Navigieren mit der Tastatur bedeutet: mit der Tabulator-Taste mühsam von Link zu Link springen. Mit viel Glück besitzt eine Website wenigstens einen oder mehrere Skiplinks, um mit der Tastatur direkt zu wichtigen Inhalten zu navigieren.

Aber Besserung ist in Reichweite. Das PayPal Accessibility Team und die University of Illinois stellen ein geniales Script zur Verfügung, das den einfachen Skiplink zu einer komfortablen Navigationshilfe erweitert: SkipTo.js

SkipTo.js ersetzt den herkömmlichen Skiplink, bietet aber wesentlich mehr Sprungziele in einer Dropdownliste.

Das Skript kann praktisch ohne Konfiguration "out of the box" benutzt werden. Wobei "out of the box" heißt: Einbinden der externen JavaScript-Datei ins HTML, also eine Zeile HTML:

<script src="https://paypal.github.io/skipto/downloads/js/SkipTo.min.js"></script> In Zwischenablage kopieren

Das Skript ist hier auf meiner Site in Aktion.
Der Aufruf erfolgt nach dem Laden der Seite mit der Tab-Taste oder mit dem Accesskey 0 (Null).

Accesskey benutzen:

• Windows:
  • Microsoft Internet Explorer und Edge – ALT+0 (Null)
  • Mozilla Firefox – ALT+SHIFT+0 (Null)
  • Google Chrome – CONTROL+ALT+0 (Null)
  • Safari – CONTROL+0 (Null)
• MacOS alle Browser – CONTROL+OPTION+0 (Null)

Wichtig:
Die Null über die alphanumerische Tastatur eingeben – nicht mittels des rechten Nummernblockes.

Nachtrag 15.01.2021

Den Skiplink "Sprung zum Inhalt" habe ich auf meinen Seiten deaktiviert, da auch die Zielgruppe Screen-Reader-Nutzer selbstverständlich SkipTo verwenden kann.

Artikeltexte und Code-Snippets: Creative Commons CC BY-SA 4.0
Medien (Bilder, Videos, Audios) sind evtl. urheberrechtlich geschützt.