Tilgjengelig Web - Alternatiy styring på nett

Alternativ styring på nettsider, f.eks. bryterstyring, øyestyring, kun mus og kun tastatur. Informasjon om viktige punkter og eksempler på implementasjon av bryterstyring.

Transcript

1. Tilgjengelig web Alternativ styring @leifcr leif@normedia.no
2. • Noe ukjent • Fremmed • Vanskelig Alternativ styring ?
3. • Enkelt å navigere • Fokus på viktige elementer • Ikke forstyrrende innhold Usability ?
4. • Enkelt å navigere • Fokus på viktige elementer • Ikke forstyrrende innhold Alternativ styring?
5. Eksempler på usability
8. 1 4 2 3
9. 1 4 2 3
10. 1 2 3 4 www.75b.nl
11. www.75b.nl 1 2 3 4 5 6 10 9 8 7
12. 2 3 4 1 1 2 3 4 5 6 10 9 8 7 www.75b.nl
13. Alternativ styring? Øyestyring Kun mus Kun tastatur Bryterstyring
14. Viktig for bryterstyring • Enkelt å navigere • Fokus på viktige elementer • Ikke forstyrrende innhold
15. Viktig for øyestyring • Enkelt å navigere • Fokus på viktige elementer • Ikke forstyrrende innhold
16. Viktig for tastatur • Enkelt å navigere • Fokus på viktige elementer • Ikke forstyrrende innhold
17. Viktig for mus • Enkelt å navigere • Fokus på viktige elementer • Ikke forstyrrende innhold
18. Viktig for alle nettsteder • Enkelt å navigere • Fokus på viktige elementer • Ikke forstyrrende innhold
19. Don´t make me think
20. • 1, 2 eller flere brytere (Brytere er egentlig samme som enkelt taster på tastaturet…) • Tydelig markering av hva som er “aktivt" • Justerbare tidsforsinkelser Litt mer - bryterstyring
21. • Drag and drop = Klikk - flytt - klikk • Ikke lag oppgaver som krever tekstinput • Ikke alle nettlesere fungerer likt Litt mer - bryterstyring
22. • Tab/Space/Enter for navigasjon • Pass på tastaturfeller • Ikke alle nettlesere virker likt • Taste-kombinasjoner er en dårlig idé Litt mer - tastatur
23. • De fleste nettlesere fungerer likt • Touchscreen / tablet er ikke alltid det samme som mus i en nettleser. Litt mer - mus
24. • Oppfører seg nesten som mus • Highlight håndteres delvis av øyestyringen • Store felter er viktig. Litt mer - øyestyring
25. http://leifcr.github.io/switch_access/ Demo - bryterstyring
26. Klar Tale Demo - bryterstyring
27. Implementering - bryterstyring • Bruker javascript • Tar 1-2 dager å implementere • Sett av 2-4 uker for testing
28. Implementering - tastatur • Bruker vanlige nettleser-funksjoner • Tar 1-2 dager å implementere • Sett av 2-4 uker for testing
29. Implementering - mus • Om nettsiden er designet riktig, så er dette delvis på plass • mouseover som alternativ til mousedown/mouseclick • Visualisering på mouseover
30. Implementering - øyestyring • Om nettsiden er designet riktig, så er dette delvis på plass • mouseover som alternativ til mousedown/mouseclick • Visualisering på mouseover
31. Implementering - alle • Mest mulig client-side • Sett av minimum 3-7 dager til ▪ videreutvikling ▪ feil
32. WCAG 2.0 • Veldig viktig, men… ▪ kan støttes uten at en nettside er “tilgjengelig”
33. https://github.com/leifcr/switch_access Lisens: GPL (for åpen kildekode / Open Source) Kommersiell bruk: Ta kontakt Kode - bryterstyring
34. Spørsmål? @leifcr leif@normedia.no