Tastaturbedienung von Webseiten
Tastaturbedienung
Ein immer wieder unterschätztes Thema bei Webseiten ist die Navigation mittels Tastatur. Für die Barrierefreiheit einer Wesbite ist die Tastaturbedienung aber unabdingbar.
Accesskey
Über das Attribut accesskey lassen sich individuelle Tastenbelegungen festlegen, welche auch von Screenreadern genutzt werden können. Insbesondere auf Webseiten mit sehr vielen Elementen ist es sinnvoll, für wichtige Schaltflächen entsprechende Accesskeys zu definieren. Damit können lange Umwege über eine Bedienung mit der Tastatur gespart werden.
Hierbei ist zu beachten:
- Es gibt bisher keine einheitliche Tastenkombinationen, die zusammen mit einem Accesskey funktionieren. Jeder Browser nutzt hier unterschiedliche Hilfstasten, welche zudem unter den Betriebssystem noch varieren können.
- Es gibt bisher auch keine Standards für die Belegung der Accesskeys selbst. Die Accesskeys müssen dem Besucher der Website kommuniziert werden.
Diese Accesskeys gelten aber als gebräuchlich:
- [0] Startseite
- [1] Navigation
- [2] ggf. Inhaltsverzeichnis
- [3] Kontaktmöglichkeit
- [4] Sitemap
- [5] Suche
- [6] - [8] optional (nur falls notwendig)
- [9] zum Anfang der aktuellen Seite scrollen
Auch Buchstaben können als Accesskey belegt werden. In dem Fall wird gerne das "h" für "Home" genutzt oder "d" für "Datenschutzerklärung".
Tastenkombinationen
Browser | Windows | Linux | Mac |
---|---|---|---|
Chrome | [Alt] + accesskey | [Alt] + accesskey | [Control] + [Alt] + accesskey |
Edge | [Alt] + accesskey | N/A | [Control] + [Alt] + accesskey |
Internet Explorer | [Alt] + accesskey | N/A | N/A |
Firefox | [Alt] + [Shift] + accesskey | [Alt] + [Shift] + accesskey | [Control] + [Alt] + accesskey |
Safari | N/A | N/A | [Control] + [Alt] + accesskey |
Opera 15+ | [Alt] + accesskey | [Control] + [Alt] + accesskey |