Tastaturkürzel für Barrierefreiheit
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 | 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 seinBereits belegte Tastaturkürzel mit Zahlen und Assoziationen
| 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 |
- |
| 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:
- Hilfe
- Sitemap
- Suche
- Glossar
- Stichwortverzeichnis (Index)
- Skip link to navigation
- Skip link to content
- Kontakt Formular
- Impressum
Accesskey suggestion
| 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.
- Anmelden oder Registrieren um Kommentare zu schreiben
English





Thanks for the shortcuts
Thanks so much for these short cuts.
Interesting
Please keep blogging.. the information was very well received..
Thanks for this post my friend
Thank you for this very nice post, I really enjoyed looking for this.
I write in a similar style over at my blog.
mikeshone
Thanks for this article. I think your article was pretty intriguing. I look forward to read others in the near future.
fashion design schools
Engrossing article - thanks. I think your article was pretty entertaining. Thank you once more - I will drop by again.
Never knew that opinions
Never knew that opinions could be this varied. Thanks for all the enthusiasm to offer such helpful information here.
thanks for sharing.chrome
thanks for sharing.
Good information!! I want to
Good information!!
Awesome!
Quite possibly the most succinct and current info I came across about this subject. Sure pleased that I discovered that site by accident... I’ll probably be subscribing for your feed so that I will get the most current updates. Like the information here.
Thanks for this!
I love this site. This post really captures the essence of our topic here. You nailed it! Thanks.
great post
This was really helpful for me. Thanks for the info!
Next time I need this I'll have it bookmarked.
re
this is really an exciting and informative stuff being published here, I may not be surprised to see the different kind of reactions from peoples as some may like it and some don't ... bt it does not matter to me as I am fan of innovation and always like to see new things happening, no matter watever is the field/ industry or area of life in the world..... I appreciate it and up to some extent it has given me good knowledge as well..... thanks !!!
very good i thought about it
very good i thought about it and finally i decided it is not commercial.
hello
Damit werden diese mehr bekannt und auch wirklich verwendet.
Really interesting
This was really a great article that I have enjoyed to say the least. I really do appreciate everything. Thanks for sharing.
sonia
Thanks for posting this. i really had good time reading this.
lia james
I like every post in this blog. Really a nice work has done. I appreciate the blog owner.
This is cool
This is a really interesting article that I really do appreciate. Hopefully I can learn more from your valuable experience. Thanks Rebecca Marshal
Thanks for posting such an
Thanks for posting such an important article, the information on Accesskey Links was very helpful for me. I was searching for a similar information for some days and it ends here. I look forward for more interesting articles.
Made for an interesting read.
Made for an interesting read. thankyou.
Very useful post, I think it
Very useful post, I think it will be indeed useful and for my research project, so thank you very much for sharing it.
Reply
Thank you for this very useful information.
I think this stuff will be
I think this stuff will be useful for my essay writing. Thank you so much!
Für website-interne
Für website-interne Tastaturkürzel sind diese jedoch für die Benutzer sehr hilfreich und für Webdesigern sehr flexibel.
Good information
This is really very interesting. I find this website so much fun and educational its crazy. I really appreciate everything.
Betty Marsh
mmm nice sharing. arda
mmm nice sharing.
Bei Access Keys handelt es
Bei Access Keys handelt es sich um vom Webdesiger eigens definierte und spezielle Tastaturkürzel mit der "Alt"-Taste und Buchstaben oder Zahlen.
Thank you for the sensible critique.
Thank you for the sensible critique. Me and my neighbor were just preparing to do some research about this. We got a grab a book from our local library but I think I learned more from this post. I am very glad to see such great information being shared freely out there.
Good points marlboro
Good points
Thnks very for the great
Thnks very for the great article. I like your blog and website.
Thanks
Very interesting and useful, thanks.
Great post
Great post, Mason! A fantastic summary/overview.
Thanks for the work! Keep going!
Nice post
Quite possibly the most succinct and current info I came across about this subject. Sure pleased that I discovered that site by accident. I’ll probably be subscribing for your feed so that I will get the most current updates. Like the information here.
re
great website i like your blog and also this one post that is really nice post and informative