Maus raus - Surfen mit Tabulator

24
Maus raus!

description

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

Transcript of Maus raus - Surfen mit Tabulator

Page 1: Maus raus - Surfen mit Tabulator

Maus raus!

Page 2: Maus raus - Surfen mit Tabulator
Page 3: Maus raus - Surfen mit Tabulator
Page 4: Maus raus - Surfen mit Tabulator

Die schleppende Stimme des Volkes: die Kronenzeitung

73 + 73 = 146

(bzw. 21 bis zum Link Topnachrichten + 73)

Page 5: Maus raus - Surfen mit Tabulator

Anspruchsvoll: der Standard

57 + 52 Tabs = 109

Page 6: Maus raus - Surfen mit Tabulator

Usabilitybewusst schlank: ORF

18 + 22 = 40 x Tabulatortaste

Page 7: Maus raus - Surfen mit Tabulator

Der Sieger: Kurier

8 bis zur Sprungmarke + 9 bis zum Artikel

(1 + 1 mit Webformator)

Page 8: Maus raus - Surfen mit Tabulator

Was lernen wir daraus?

Online Zeitungen haben verdammt viele Links.

Page 9: Maus raus - Surfen mit Tabulator

Wie gehen Tastatur- BenutzerInnen damit um?

Navigationsunterstützung kriegen sie hier keine....

Page 10: Maus raus - Surfen mit Tabulator

Quelle AssistiveWare

Page 11: Maus raus - Surfen mit Tabulator

Menschen mit motorischer Behinderung verwenden

Hilfsmittel

Page 12: Maus raus - Surfen mit Tabulator

Tastatur UserInnen verwenden die Suchfunktion

Page 13: Maus raus - Surfen mit Tabulator

Sie verwenden Tasten Kürzel, gut für Software, schlechter fürs Web

Ende

Pos 1

Strg+P

Strg+T

Strg+WAlt+Rechter Pfeil

F5

Alt+Pos 1

Strg+Eingabetaste

F6

Strg+F

Strg+...

EscPos1

Pos 1

Strg+G

Strg+C

Strg+WAlt+Linker Pfeil

F5

Alt+D

Accesskeys

F3

Strg+V

Strg+...

Entf

Page 14: Maus raus - Surfen mit Tabulator

Sie verwenden Eingabehilfenvom Betriebssystem

z.B. Einrastfunktion um

Kombi Tasten

hintereinander zu drücken

Page 15: Maus raus - Surfen mit Tabulator

Opera kann Überschriften mit der Tastatur anspringen

Wenn es welche gibt.....

Page 16: Maus raus - Surfen mit Tabulator

Firefox Accessibility Extensionmacht Surfen mit Tastatur leichter

Page 17: Maus raus - Surfen mit Tabulator

Screen Reader haben ca. 500 Tastenbefehle

Braillezeile

Auch mehr Tasten Funktionen zum Navigieren in Dokumenten

Page 18: Maus raus - Surfen mit Tabulator

Was können WebdesignerInnen tun

???

Page 19: Maus raus - Surfen mit Tabulator

Geräteunabhängigkeit

+

Page 20: Maus raus - Surfen mit Tabulator

Sichtbarer Tastatur Fokus

a:hover a:focus

a:active fehlen

Page 21: Maus raus - Surfen mit Tabulator

Sichtbare Sprungmarken

Page 22: Maus raus - Surfen mit Tabulator

Größere Klickflächen

• Größere Icons

• größere verlinkte Flächen

• Text = vergrößerbar

•mit Suchfunktion ansteuerbar

Page 23: Maus raus - Surfen mit Tabulator

Access Keys

<a accesskey="9" title="[Alt+9] Kontakt" href="../kontakt/">

Page 24: Maus raus - Surfen mit Tabulator

Semantische Auszeichnung

• Überschriften <h1> – <h6>

• Absätze <p> statt <br>• Listen... <ul><ol><li>

/* Saubere Arbeit */