Navigieren ohne Maus

Empfehlungen für Shortcuts auf Ihren Webseiten

Tastaturnutzung auf Webseiten .
Einheitliche Kürzel .
Eine sinnvolle Belegung von Tastenkürzeln .
Die eigentliche Alternative .
AccessKey-Pad .

Es gibt diverse Probleme bei der Implementierung von Tastaturkürzeln im Web. Diese beginnen beim Konzept der Tastaturbedienung auf Webseiten, gehen über Browser-Kompatibilitäten bis hin zu fehlenden Standards für die Belegung von Links und sonstigen Funktionen mit Shortcuts.

Es gibt keine allgemeingültige Konvention, welche Tastaturkürzel für welche Links oder Funktionen auf einer Webseite eingesetzt werden sollen. Solche "Standards" werden immer wieder diskutiert und Konsens unter Fachleuten ist, dass das Konzept von Tastaturkürzel für Webseiten nicht ausgegoren ist.

Im Folgenden wird eine Empfehlung für die Belegung von Tastaturkürzeln ausgesprochen. Es geht zum einen um die Bereitstellung eines einheitlichen Schemas und zum anderen um die Visualisierung der Tastaturkürzel im Browser.

Tastaturnutzung auf Webseiten

Die Bedienung von Webseiten mit der Tastatur ist relativ eingeschränkt. Es gibt allgemein nur zwei Möglichkeiten, um mit der Tastatur durch eine Webseite zu navigieren:

Verwendung der Tabulatorentaste und
Verwendung von Tastaturkürzel

Die Verwendung der Tabulatorentaste kann auf Seiten mit vielen Links müßig werden, denn durch das "Tabben" wird jeder Link angesprungen. Ein weiterer Aspekt bei dieser Art der Navigation ist die Linearisierbarkeit: Links sowie Formularelemente und Image-Maps werden allgemein in der Reihenfolge angesteuert, wie sie im Quelltext vorkommen.

Das Anbieten von Tastaturkürzeln zum direkten Ansteuern von Links oder Funktionen bringt andere Probleme mit sich. Die fehlende Konvention für die Tastaturbelegung wurde bereits erwähnt. Auch sind unterschiedliche Konzepte zur Tastaturnutzung in den verschiedenen Browsern ein Punkt, dem die Webgestaltung entgegnen muss.

Fast alle zur Zeit erhältlichen grafischen Browser geben dem Nutzer die auf einem Webauftritt bereitgestellten Shortcuts nicht aus, selbst wenn accesskey von dem Browser unterstützt wird. Das [extern, englisch] W3C empfiehlt, Buchstaben, die als Kürzel dienen, vom Browser anzeigen zu lassen, etwa wie die unterstrichenen Buchstaben für Shortcuts in Windows-Anwendungen oder Anzeige der Buchstaben neben dem Link, wie unter MacOS üblich. Derzeit obliegt es dem Webgestalter, dem Nutzer mitzuteilen, mit welchen Tastaturkürzeln welche Links aufgerufen werden können.

Ein ganz anderer Ansatz verfolgt der Browser OmniWeb für MacOS: In diesem Browser sind Tastaturkürzel für Links nicht unbedingt erforderlich, weil das Drücken eines Buchstaben, beispielsweise ein "a", den Systemfokus direkt auf den ersten Link, der mit a anfängt, legt. Drückt man mit etwas zeitlichem Abstand erneut ein a, dann wird der zweite Link, der mit a anfängt, angesteuert.

Einheitliche Kürzel

Auch wenn die Darstellung der belegten Tasten im Browser gewährleistet würde, lösen sie noch nicht das Problem der "einheitlichen" Belegung von Tasten. Hier geht es darum, dem Nutzer einige wenige Tastaturkürzel anzubieten, die er nicht nur auf einem Webauftritt nutzen kann, sondern möglichst durchgängig auf vielen Webauftritten.

Durch die fehlende Konventionen für die Tastaturbelegung auf Webauftritten können verschiedene Informationsanbieter auf die Idee kommen, beispielsweise für einen Link "Home" folgende unterschiedliche Shortcuts zu definieren:

"H" (weil das Wort damit anfängt)
"M" (weil "H" anderweitig, z.B. für "Hilfe", vergeben ist)
"S" (weil er "Startseite" statt "Home" verwendet)
"1" (weil Home die Startseite ist)
"0" (weil Home die Startseite ist ...)

Natürlich kann jeder Webanbieter seine accesskey-Liste dokumentieren, und ein regelmäßiger Besucher, der die Kürzel verwendet, wird diese schnell inne haben. Aber das ist zunächst nur auf dem einen Webauftritt von Nutzen.

Für die auf Tastaturkürzel angewiesenen Besucher ist es allerdings eher eine Zumutung, auf jeder Seite neue Kürzel auswendig lernen zu sollen. Vielmehr sollten sich Webanbieter, sofern sie Shortcuts anbieten, an vorhandene Empfehlungen halten und keine eigenen Schemen entwickeln.

Buchstaben als Tastaturkürzel

Bei der Verwendung von Buchstaben als Shortcuts gibt es ein grundsätzliches Problem: der Aufruf von Links auf einem Webauftritt erfolgt meist mit der selben Taste wie die Shortcuts des Browsers selbst. Auf Windows-Systemen ist das beispielsweise die Alt-Taste. Da die Browser (auch hier: je nach Betriebssystem) zum Teil eigene Shortcuts in Verbindung mit der Alt-Taste verwenden, wird es sehr schwierig, eine browserübergreifende "Norm" zu schaffen. Im Folgenden eine Tabelle von belegten Tastaturkürzeln, die mit Alt aufgerufen werden (Windows 98):

Browser-Shortcuts mit Alt
Internet Explorer 5.01	a b d f r x
Netscape 6.2	d e g h l s u z
Opera 5	b e f h i m n p s v w
Mozilla 1.0	b e f g h t v w
Lynx	h o p g m q

Dabei bleiben theoretisch nur noch c, j und t übrig (und ohne Lynx noch o und q). Nur in einer Intranetumgebung kann man sich eventuell auf bestimmte Regelmäßigkeiten der eingesetzten Browser stützen, und bestimmte Tastaturkürzel definieren. Das geht nicht im Web.

Und wenn die Mehrsprachigkeit auf Ihrem Webauftritt auch eine Rolle spielt, dann wird das Problem noch komplexer.

Ziffern als Tastaturkürzel

Auf dem alphanumerischen Block der Tastatur funktionieren aber auch die Ziffern 0 bis 9. In den allermeisten Browsern gibt es keine Konflikte mit diesen Shortcuts, wenn es auch hier Ausnahmen gibt. Beispielsweise werden die Fenster-Tabs von Firefox auf Linux-Systemen mit der Tastenkombination Alt mit einer der Ziffern aktiviert. Die Ziffern 0 bis 9 sind also auch nicht perfekt für die Tastaturbelegung, bringen jedoch deutlich weniger Konflikte mit sich. Eine Tabelle mit einer Aufstellung von Kompatibilitäten finden Sie auf [extern, englisch] http://www.wats.ca/resources/accesskeysandkeystrokes/38.

Eine sinnvolle Belegung von Tastenkürzeln

Um Webauftritte so browserunabhängig wie möglich mit Zugriffstasten belegen zu können und auch dem Problem unterschiedlicher Landessprachen zu entgegnen, bleiben nur die Ziffern 0 bis 9 als mehr oder weniger brauchbar.

Da diese zehn zur Verfügung stehenden Zahlen aber wahrscheinlich nur selten ausreichen werden, um jeden Link mit einer Zugriffstaste zu belegen, sollten die wichtigsten Seiten eines Webauftrittes ermittelt werden, die dann gezielt über die Zugriffstasten angesteuert werden können.

Im Vordergrund der folgenden Überlegung steht die Navigation innerhalb eines Webauftrittes. Es sollen wichtige Seiten jederzeit aufgerufen werden können. Nicht zu empfehlen ist die Navigation innerhalb einer einzelnen Seite. Die effektive Bedienung einer Seite wird unter anderem über die Standardkonformität und der damit einhergehenden Einhaltung der BITV erreicht.

Die Belegung von Tastaturkürzeln könnte wie folgt aussehen:

wichtige Seiten:

Taste	Link
0	Direkter Aufruf der Startseite.
1	Direkter Aufruf der Hilfe, z.B. wenn Formulare ausgefüllt werden sollen. Es können aber auch allgemeine Hilfen zur Nutzung des Webauftritts sein, eine allgemeine Einführung in das Thema des Webauftritts oder eine "Guided Tour".
2	Nächste Seite (falls vorhanden, z.B. in einer mehrseitigen Ergebnisliste bei Suchanfragen),
3	Vorherige Seite (falls vorhanden, z.B. in einer mehrseitigen Ergebnisliste bei Suchanfragen),
4	Glossar / Lexikon, z.B. zur Erläuterung von Fachbegriffen oder Abkürzungen.
5	Frei verfügbar für Besonderheiten Ihrer Seite.

Für die Suche und Orientierung:

Taste	Link
6	Direkter Aufruf der Gesamtübersicht / des Inhaltsverzeichnisses
7	Suchfunktion bzw. Link zu einer erweiterten Suche
8	Schnellnavigation (falls vorhanden) oder eine andere seitenbezogene Auswahl, etwa die Übersicht zu einem Artikel oder einer Artikelserie.

Es bleibt die Taste 9 für die Kontaktaufnahme:

Taste	Link
9	Kontaktseite oder Impressum

Die eigentliche Alternative

An sich ist das Konzept von Tastaturkürzeln nicht adäquat für das Web. Es gibt zu wenige Möglichkeiten der Tastaturbelegung und der nutzenbringende Einsatz setzt eine Standardisierung voraus.

(X)HTML bietet die Möglichkeiten der Einbindung von Relationen, die im Kopfbereich einer Webseite eingebunden werden können und von einem Browser angezeigt werden müssten. Leider funktioniert das aber bislang nicht im Internet Explorer.

Der Vorteil der LINK-Relationen wäre, dass der Zugriff - auch der Tastaturzugriff - zu verlinkten Seiten über den Browser angeboten werden könnte. Es gäbe einheitliche Zugriffsmöglichkeiten, die über den Browser und durch den Nutzer angepasst werden könnten.

AccessKey-Pad

So sind die eben vorgeschlagenen Tastaturkürzel als Ersatz für die von nicht allen Browserherstellern umgesetzten Navigationshilfen mit dem LINK-Element, die nach der [extern, englisch] Spezifikation angeboten werden müssten.

Dass der Nutzen einer Tastaturbelegung in irgendeiner Form dokumentiert werden muss, bedarf hoffentlich keiner Erklärung. Was jedoch beim Einsatz von Tastaturkürzeln hilft, ist eine Visualisierung der Tastaturbelegung. Sofern der obengenante Vorschlag mit den Zahlen als Shortcuts eingesetzt wird, bietet sich der Einsatz vom [extern, deutsch] AccessKey-Pad-Pad an.

Auf diesem Wege ist eine einsichtige Tastaturnavigation durch die meisten Webangebote möglich. Und: Mausnutzer haben auch etwas davon.

Dieser Beitrag wurde von Jan Eric Hellbusch im Dezember 2001 verfasst und in Januar 2006 überarbeitet. Hellbusch ist Autor der beiden gleichnamigen Titel " [intern] Barrierefreies Webdesign". Mit "2bweb.de" bietet er [extern, deutsch] Schulung und Beratung für barrierefreies Internet.