Tastaturbedienung
Inhaltsübersicht:
Tastatur-Kurzbefehle
Barrierefreies bzw. barrierearmes
Webdesign versucht, Dokumente im Web
zugänglich und gebrauchstauglich zu gestalten. Dazu zählt auch
eine reibungslose Tastatur-Navigation - alternativ zur Maus-Steuerung -
die durch zusätzliche Angaben beschleunigt werden kann.
Tastatur-Kurzbefehle (engl.
Shortcuts)
können über das accesskey
-Attribut für
wichtige Verweise (<a>
-Element) und Formular-Kontrollelemente
(<area>
, <button>
,
<input>
, <label>
,
<legend>
und <textarea>
)
bereitgestellt werden. Zusätzlich zu dem Verweistext kann über
das title
-Attribut das Ziel des Verweises angegeben
werden.
Neben der Angabe von Shortcuts
kann auch eine Tabulator-Reihenfolge
fest definiert werden (<a>
, <area>
,
<button>
, <input>
, <object>
,
<select>
und <textarea>
). Normalerweise werden die Elemente in der
Reihenfolge angesprungen, in der sie in der Datei definiert sind.
Über das tabindex
-Attribut können alle
Elemente eines Dokumentes jedoch eine andere Reihenfolge
zugeordnet bekommen (von 0 bis 32767).
Beispiel XHTML-Datei - Tastatur-Kurzbefehle (Ausschnitt):
<a href="index.html"
tabindex="1"
accesskey="0"
title="zur Startseite">Startseite</a>
Tastatur-Kurzbefehle und Tabulator-Reihenfolgen können eine Navigation über die Tastatur erheblich beschleunigen. Schwierig ist jedoch, eine Browser-übergreifende Norm zu schaffen, da die Browser zum Teil eigene Shortcuts in Verbindung mit der Alt-Taste verwenden. Für Normierungsbemühungen bleiben daher nur die Ziffern 0 bis 9, da diese bislang nicht für Browser-spezifische Kurzbefehle verwendet werden.
Die Browser erfordern verschiedene Tastenkombinationen, um die Shortcut-Funktion zu aktivieren. Hinzu kommt ein Unterschied zwischen Windows- und Macintosh-Umsetzungen - während unter Windows häufig die Alt-Taste genutzt wird, ist bei Macintosh eher die Strg-Taste implementiert.
Im Internet Explorer muss die Tastenkombination Alt + Zahl + Enter, im Firefox Umschalt + Alt + Zahl, in Opera Umschalt + Esc + Zahl und in Safari Alt + Zahl gedrückt werden (Macintosh: Strg statt Alt). Erschwerend kommt hinzu, dass im Firefox alle drei Tasten gleichzeitig gedrückt sein müssen, um die Funktion zu nutzen. Beim Internet Explorer und Opera hingegen müssen die ersten beiden Tasten zusammen und anschließend die dritte Taste gedrückt werden.
Das AccessKey-Pad
In einer gemeinsamen Initiative von Jan Eric Hellbusch, Ralf
Hertsch und bundesrepublik.org
wurde ein
AccessKey-Pad
entwickelt, das ein einheitliches Belegen der Tastatur-Kurzbefehle
fördern soll.
Das AccessKey-Pad lässt sich relativ einfach in die eigene Website einbinden, da es ausschließlich mit HTML und CSS realisiert wurde. Sowohl der dafür nötige Quelltext als auch die CSS-Formatierungszuordnungen werden zum Download angeboten, Anpassungen können problemlos vorgenommen und das AccessKey-Pad durch die Einbettung in einen Container beliebig auf der eigenen Seite positioniert werden.
Bildbeschreibung "Original AccessKey-Pad": Bildschirmfoto des AccessKey-Pad.
Empfohlen werden bei der Nutzung des AccessKey-Pad folgende Belegungen der Ziffern 0 bis 9:
- 0: zur Startseite,
- 1: zum Seitenanfang,
- 2: zur nächsten Seite,
- 3: zur vorherigen Seite,
- 4: zur nächsten Rubrik oder eine Ebene tiefer,
- 5: zur vorherigen Rubrik oder eine Ebene höher,
- 6: zur Gesamtübersicht, Sitemap oder Suchfunktion,
- 7: zum Inhaltsverzeichnis der aktuellen Seite,
- 8: zum Inhalt der aktuellen Seite und
- 9: um direkten Kontakt zum Autor der Seite herzustellen oder das Impressum, die AGB oder einen Disclaimer aufzurufen.
Weiterführende Literatur:
- Münz, Stefan und Nefzger, Wolfgang:
- HTML
& Web-Publishing Handbuch, Band 1,
Seite 328,
Franzis' Verlag GmbH, Poing, 2002,
ISBN 3772375162 - Hellbusch, Jan Eric:
- Navigieren ohne Maus - Empfehlungen für Shortcuts
auf Ihren Webseiten,
http://www.barrierefreies-webdesign.de/knowhow/accesskey/empfehlung.html, Barrierefreies Webdesign,
Datei vom 05.03.2005