Maus raus!
 
 
Die schleppende Stimme des Volkes:  die Kronenzeitung 73 + 73  = 146 (bzw. 21 bis zum Link Topnachrichten + 73)
Anspruchsvoll:  der Standard 57 + 52 Tabs = 109
Usabilitybewusst schlank:  ORF 18 + 22 = 40 x Tabulatortaste
Der Sieger:  Kurier 8 bis zur Sprungmarke + 9 bis zum Artikel  (1 + 1 mit Webformator)
Was lernen wir daraus? Online Zeitungen haben verdammt viele Links.
Wie gehen Tastatur- BenutzerInnen damit um? Navigationsunterstützung kriegen sie  hier  keine....
Quelle AssistiveWare
Menschen mit motorischer Behinderung verwenden Hilfsmittel
Tastatur UserInnen  verwenden die Suchfunktion
Sie verwenden Tasten Kürzel, gut für Software, schlechter fürs Web Ende Pos 1 Strg+P Strg+T Strg+W Alt+Rechter Pfeil F5 Al...
Sie verwenden Eingabehilfen vom Betriebssystem z.B. Einrastfunktion um Kombi Tasten hintereinander zu drücken
Opera kann Überschriften mit der Tastatur anspringen Wenn es welche gibt.....
Firefox Accessibility Extension macht Surfen mit Tastatur leichter
Screen Reader haben ca. 500 Tastenbefehle Braillezeile Auch mehr Tasten Funktionen zum Navigieren in Dokumenten
Was können WebdesignerInnen tun ???
Geräteunabhängigkeit +
Sichtbarer Tastatur Fokus a:hover a:focus a:active fehlen
Sichtbare Sprungmarken
Größere Klickflächen <ul><li>Größere Icons </li></ul><ul><li>größere verlinkte Flächen </li></ul><ul><li>Text  =   vergröß...
Access Keys <a accesskey=&quot;9&quot; title=&quot;[Alt+9] Kontakt&quot; href=&quot;../kontakt/&quot;>
Semantische Auszeichnung <ul><li>Überschriften <h1> – <h6> </li></ul><ul><li>Absätze <p> statt <br> </li></ul><ul><li>List...
Nächste SlideShare
Wird geladen in …5
×

Maus raus - Surfen mit Tabulator

1.090 Aufrufe

Veröffentlicht am

Praesentation von Maria Putzhuber beim Live Event der Accessibility Blog Parade am 29.11.2007 in Wien

Veröffentlicht in: Technologie
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
1.090
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
30
Aktionen
Geteilt
0
Downloads
1
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Maus raus - Surfen mit Tabulator

  1. 1. Maus raus!
  2. 4. Die schleppende Stimme des Volkes: die Kronenzeitung 73 + 73 = 146 (bzw. 21 bis zum Link Topnachrichten + 73)
  3. 5. Anspruchsvoll: der Standard 57 + 52 Tabs = 109
  4. 6. Usabilitybewusst schlank: ORF 18 + 22 = 40 x Tabulatortaste
  5. 7. Der Sieger: Kurier 8 bis zur Sprungmarke + 9 bis zum Artikel (1 + 1 mit Webformator)
  6. 8. Was lernen wir daraus? Online Zeitungen haben verdammt viele Links.
  7. 9. Wie gehen Tastatur- BenutzerInnen damit um? Navigationsunterstützung kriegen sie hier keine....
  8. 10. Quelle AssistiveWare
  9. 11. Menschen mit motorischer Behinderung verwenden Hilfsmittel
  10. 12. Tastatur UserInnen verwenden die Suchfunktion
  11. 13. Sie verwenden Tasten Kürzel, gut für Software, schlechter fürs Web Ende Pos 1 Strg+P Strg+T Strg+W Alt+Rechter Pfeil F5 Alt+Pos 1 Strg+Eingabetaste F6 Strg+F Strg+... Esc Pos1 Pos 1 Strg+G Strg+C Strg+W Alt+Linker Pfeil F5 Alt+D Accesskeys F3 Strg+V Strg+... Entf
  12. 14. Sie verwenden Eingabehilfen vom Betriebssystem z.B. Einrastfunktion um Kombi Tasten hintereinander zu drücken
  13. 15. Opera kann Überschriften mit der Tastatur anspringen Wenn es welche gibt.....
  14. 16. Firefox Accessibility Extension macht Surfen mit Tastatur leichter
  15. 17. Screen Reader haben ca. 500 Tastenbefehle Braillezeile Auch mehr Tasten Funktionen zum Navigieren in Dokumenten
  16. 18. Was können WebdesignerInnen tun ???
  17. 19. Geräteunabhängigkeit +
  18. 20. Sichtbarer Tastatur Fokus a:hover a:focus a:active fehlen
  19. 21. Sichtbare Sprungmarken
  20. 22. Größere Klickflächen <ul><li>Größere Icons </li></ul><ul><li>größere verlinkte Flächen </li></ul><ul><li>Text = vergrößerbar </li></ul><ul><li>mit Suchfunktion ansteuerbar </li></ul>
  21. 23. Access Keys <a accesskey=&quot;9&quot; title=&quot;[Alt+9] Kontakt&quot; href=&quot;../kontakt/&quot;>
  22. 24. Semantische Auszeichnung <ul><li>Überschriften <h1> – <h6> </li></ul><ul><li>Absätze <p> statt <br> </li></ul><ul><li>Listen... <ul><ol><li> </li></ul>/* Saubere Arbeit */

×