ZwahlenDesign

Es gibt wichtige Tastaturkürzel um eine Website in einem üblichen Browser schnell und einfach zu bedienen. Man kann diese auch Barrierefreie Tastaturkürzel nennen. Ein Vorteil für alle Surfer, im spezillen auch für Behinderte Menschen.
Unter shortcuts.html hab ich einige Tastaturkürzel zusammengetragen.

Ziel

Um es dem Benutzer einfach, also zugänglich zu machen ist es gut, die jeweiligen (verfügbaren) Shortcust übersichtlich und möglichst einheiglich auf der Website darstellen lassen zu können. Damit werden diese mehr bekannt und auch wirklich verwendet. Denn damit verringert sich nicht nur der Programmieraufwand für Webdesiger heute und in Zukunft, sonder bietet dem Benutzer einen echten Mehrwert.

Problem

Aus der Tabelle wird ersichtlich, dass bei einigen Browsern wie z.B dem Internet Explorer einige wichtige Tastaturkürzel für die Zugänglichkeit von Websites zu erhöhen ganz fehlen, je nach Browser unterschiedlich ausfallen und dass sie je nach Betriebssystem und Plattform anders aussehen.

Lösung

Mit PHP oder Javascript kann das jeweilig verwendete System erkennt werden und nur die entsprechenden Tastaturkürzel ausgegeben werden. Die serverseitige (PHP) Variante ist ganz klar vorzuziehen, da nicht jeder Javascript aktiviert hat oder je nach Betrieb nicht erlaubt wird.

Spezielle Tastaturkürzel (Access Key)

Bei Access Keys handelt es sich um vom Webdesiger eigens definierte und spezielle Tastaturkürzel mit der "Alt"-Taste und Buchstaben oder Zahlen.

Zukunftsfähig?

Problem: Da viele Browser jedoch bereits viele  Tastaturkürzel mit der Alt-Taste und Buchstaben verwenden, bleiben (meist) nur noch die Zahlen. Diese sind nun aber z.B mit dem Firefox 1.0 auch bereits belegt. Siehe z.B Browser Keyboard Shortcuts - Bug in Firefox for Linux/Mac. Weiteres Beispiel ist der IBM Home Page Reader der für Alt+F1 für die Überschriftenfunktion verwendet.

Gemäss der Bedingungen der BITV 9.5 muss man aber auf jeden Fall Accesskeys verwenden.

BITV-Bedingungen

BITV	Priorität	Wortlaut der Bedingung
Bedingung 9.5	Prio. 2	Es sind Tastaturkurzbefehle für Hyperlinks, die für das Verständnis des Angebots von entscheidender Bedeutung sind (einschließlich solcher in clientseitigen Imagemaps), Formularkontrollelemente und Gruppen von Formularkontrollelementen bereitzustellen.

Lösung: Dieser Konflikt in Firefox lässt sich noch mit der Verwendung von nur einem Tab lösen. Es bleibt aber die Frage, wann andere Browser solche Tastaturkürzel verwenden und ob Access Keys, angesichts der sehr kleinen Belegung (nur gerade 10 Links), überhaupt noch eine Zukunft haben. Für website-interne Tastaturkürzel sind diese jedoch für die Benutzer sehr hilfreich und für Webdesigern sehr flexibel.

Einheitliche und/oder Anzeige der Access Keys

Problem: Gerade die Flexibilität von Access Keys bringt auch die Möglichkeit für Webdesiger mit sich, alle möglichen Links damit zu belegen. Der User muss dann auf jeder Website unterschiedliche Tastaturkürzel lernen. Denn nur die Tastaturkürzel, die einem bekannt sind, kann man verwenden. Es sei denn, sie werden dem Benutzer ohne lange zu suchen direkt angezeigt. Meist ist dies aber nicht der Fall.

Lösung: Somit muss man sich für einheitliche Access Key im Groben einigen, und/oder sie werden auf der Website (direkt) angezeigt.

Einheitliche Access Keys

?bersicht einiger (wichtigen) website-spezifische Links zur besseren Zugänglichkeit,

Reihenfolge

Die Reihenfolge sollte möglichst logisch strukturiert sein

Bereits belegte Tastaturkürzel mit Zahlen und Assoziationen

Browser shortcuts and associations

Key	General (Firefox)	Speziell in Opera	Speziell in Mozilla/Netscape
0	0 - Restore Text Size in Firefox
1	F1 - Help, Alt + pos1 - Start page, "First page"	1 - Previous Tab	Ctrl/Cmd+1 Start Navigator
2		2 - Next Tab F2 - Enter a Web address	Ctrl/Cmd+2 Start Mail & Newsgroups
3	F3 - Find Again / Search	F3 - Search	F3 - Find Again / Search
4	Alt/Option+F4 Close Window Ctrl/Cmd+F4- Close Tab F4 - Select Location Bar in IE	F4 - Bookmarks	Ctrl/Cmd+4 Start Composer
5	F5 - Reload		Ctrl/Cmd+5 Start Address Book
6	F6 - Move to Next Frame in Firefox	F6 - Restore Text Size	Ctrl/Cmd+6 Start IRC Chat
7	F7 - Caret Browsing" in Firefox		-
8			-
9	"Last page"	9 - Decrease Text Size	-

Der Link "Top of page" benötigt es in der Regel nicht, da auf gängigen Tastaturen diese Taste "Home" oder "pos1" bereits existiert. Sowie auch alle anderen Navigationstasten wie "Page end", "Back" oder "Forward".

Overview about the definded shortcuts

Accesskey	New Standard	UK Government	WebAIM	Mark Pilgrim Diveintomark.org	b.f-w.d.de
Alt+S	-	Skip navigation	-	-	-
Alt+0	Help/Info	Access key details		Accessibility statement	Start page, Home page
Alt+1	Home page	Home page	Home page	Home page	Top of page
Alt+2	Skip to content	What’s new	Skip navigation	Skip to main content	Next page
Alt+3	Skip to Search	Site map	Printer-friendly version		Previous page
Alt+4	Skip to Navigation	Search	Search	Search box	One rubric or rank lower
Alt+5	Sitemap	FAQs			One rubric or rank higher
Alt+6	... (free)	Help			Sitemap
Alt+7	... (free)	Complaints procedure			Table of content of this page
Alt+8	... (free)	Terms and conditions			Content this page
Alt+9	Contact, Imprint	Feedback form		Feedback	Contact, Imprint

A good web accessible website should have:

1. Hilfe
2. Sitemap
3. Suche
4. Glossar
5. Stichwortverzeichnis (Index)
6. Skip link to navigation
7. Skip link to content
8. Kontakt Formular
9. Impressum

Accesskey suggestion

Accesskey Links

Accesskey	Link	Why?
Alt+0	Home page	A start page do not need a name like index.html
Alt+1	Help	F1 - Help
Alt+2	Sitemap	Sitemap befor Search
Alt+3	Suche	F3: Find Again / Search in browser and office software
Alt+4	Glossary / FAQs	Glossary after Sitemap and Search
Alt+5	Index/Stichwortverzeichnis	Index after Glossary (F5: Reload in Firefox and Microsoft Office)
Alt+6	Skip to Navigation	F6: Move to Next Frame in Firefox. F6: Jump between windows in OpenOffice.org.
Alt+7	Skip to Content
Alt+8	Contact form or Terms of use or	A contact form is almost the same like Imprint.
Alt+9	Imprint or Imprint with contact form	Contact form Imprint and Copyright are generally at the end of a website

Accesskeys - Yes or No?

Only the key 3 and 8 are free. Accesskeys - Ja oder Nein?. So, use tabindex.