Navigieren mit Shortcuts veröffentlicht in 2001zuletzt bearbeitet in
Empfehlungen für Shortcuts
Durch die fehlenden 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 ähnlich einer Vokabel-Liste dokumentieren. Ein regelmäßiger Besucher wird sich diese Kürzel mit der Zeit merken. Das bedeutet aber auch, dass ein Nutzer sich für mehrere Webanbieter die jeweils unterschiedlichen Vokabel-Listen merken muss.
Für die auf Tastaturkürzel angewiesenen Besucher ist es allerdings unwahrscheinlich, auf jeder Seite neue Kürzel auswendig lernen zu können. Vielmehr sollten sich Webanbieter, sofern sie Shortcuts berücksichtigen, an vorhandene Empfehlungen halten und keine eigenen Schemata entwickeln.
Im Folgenden 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 wiederfindet. Anzumerken isst, dass Shortcuts auf der Grundlage der Web Content Accessibility Guidelines 2.0 keine Anforderung der Barrierefreiheit darstellen.
Buchstaben als Tastaturkürzel
Bei der Verwendung von Buchstaben als Shortcuts gibt es ein grundsätzliches Problem: der Aufruf von Links oder Steuerelementen erfolgt oft mit derselben Hilfstaste wie die Shortcuts des Browsers selbst, etwa die Alt-Taste auf Windows-Systemen.
Browser | Hilfstaste(n) | Anmerkungen |
---|---|---|
Camino | Strg | |
Google Chrome | Alt unter Windows und Linux Ctrl+Wahltaste unter Mac | ab Version 3 |
Firefox | Alt+Umschalt unter Windows und Linux Strg unter Mac | vor Version 2 war die Hilfstaste Alt konfigurierbar in about:config |
Internet Explorer | Alt | bis Version 7 war das anschließende Drücken der Eingabetaste bei Links erforderlich |
Konqueror | Strg | die Hilfstaste muss losgelassen werden, bevor die reguläre Taste gedrückt wird |
Opera | Umschalt+Esc | die Hilfstasten müssen losgelassen werden, bevor die reguläre Taste gedrückt wird konfigurierbar in den Browsereinstellungen |
Safari | Ctrl (Version 3 unter Mac) Ctrl+Wahltaste (ab Version 4 unter Mac) Alt (Windows) |
Da die Browser (je nach Betriebssystem) zum Teil eigene Shortcuts in Verbindung mit der Hilfstaste verwenden, wird es sehr schwierig, eine browserübergreifende "Norm" zu schaffen.
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 und entsprechend verschiedene Sprachversionen der Browser auf Ihrem Webauftritt eine Rolle spielt, dann wird das Problem noch komplexer.
Ziffern als Tastaturkürzel
Auf dem alphanumerischen Block der Tastatur funktionieren auch die Ziffern 0 bis 9. In den allermeisten Browsern gibt es keine Konflikte mit diesen Shortcuts, auch wenn es 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 einheitliche Belegung von Tastenkürzeln
Um Webauftritte so browserunabhängig wie möglich mit Shortcuts 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 Ziffern aber wahrscheinlich nur selten ausreichen werden, um jeden Link mit einem Shortcut zu belegen, sollten die wichtigsten Seiten eines Webauftrittes ermittelt werden, die dann gezielt über die Shortcuts 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 durch die Einhaltung von Webstandards und insbesondere den Einsatz von semantischem HTML erreicht; dadurch wird eine strukturelle Navigation möglich.
Die Belegung von Links mit Tastaturkürzeln kann wie folgt aussehen:
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 | 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 |
Es versteht sich, dass www.barrierefreies-webdesign.de mit diesem Schema für Shortcuts ergänzt wurde. Zur nächsten Seite kommen Sie im Internet Explorer mit Alt+2 und zur Übersichtsseite dieses Beitrags mit Alt+8.>
Der Beitrag Navigieren mit Shortcuts besteht aus folgenden einzelnen Webseiten:
- Shortcuts als Stolperfalle für Webentwickler
Fehlende Standards und uneinheitliche Unterstützung durch die Browser behindern den nützlichen Einsatz von Shortcuts.
- Empfehlungen für Shortcuts
(Aktuelle Seite)
- Download des AccessKey-Pad
Passen Sie das Layout von AccessKey-Pad Ihrer Website an und stellen Sie trotzdem ein einheitliches Shortcut-Schema zur Verfügung.
- Mit
LINK
eine alternative Navigations- und Orientierungsmöglichkeit bieten Die Verknüpfung von Webseiten mit
LINK
-Relationen ist sinnvoll, wird aber zu wenig unterstützt.