Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Universell utforming er godt håndtverk

775 Aufrufe

Veröffentlicht am

En presentasjon om universell utforming på web, med utgangspunkt i nye nav.no.

Veröffentlicht in: Internet
  • Als Erste(r) kommentieren

Universell utforming er godt håndtverk

  1. 1. UNIVERSELL UTFORMING = GODT HÅNDTVERK ANDERS SKIFTE https://flic.kr/p/fwveVk
  2. 2. AGENDA • IKT-hjelpemidler • Praktiske tips fra nav.no • Testverktøy
  3. 3. The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. – Tim Berners-Lee, W3C director and inventor of the world wide web
  4. 4. TEKst https://flic.kr/p/dpSLY
  5. 5. ACCESS GRANTED WELCOME TO PARADISE "Success Kid" Photograph (c) Laney Griner / Used with Permission
  6. 6. IKT-HJELPEMIDLER ————
  7. 7. Maltron keyboards
  8. 8. Maltron keyboards
  9. 9. Hook iPod Switch Access http://www.liberator.co.uk/hook-ipod-switch-access.html
  10. 10. Tobii assistive tech
  11. 11. 6X
  12. 12. JAWS VoiceOver NVDA Window-eyes SuperNova
  13. 13. %?
  14. 14. 0AT 0a11y API Browser Google Analytics
  15. 15. 1000
  16. 16. 3000
  17. 17. 10000
  18. 18. FEM TIPS ——
  19. 19. 1
  20. 20. Overskrifter Søk i side Lenker Landemerker Les alt Foretrukket metode for å finne ønsket informasjon i en innholdsrik side 66% 10% 15% 3%7%
  21. 21. Veldig nyttig Nyttig Ikke spesielt nyttig Unyttig Vet ikke Når du navigerer vha overskrifter, hvor nyttige er da overskriftsnivåene? 48% 12% 35% 4%2%
  22. 22. 2 https://flic.kr/p/8eoDkK
  23. 23. 3 FARGE OG KONTRAST ———— https://flic.kr/p/FEjQW
  24. 24. 4
  25. 25. Start with the small screen first, Then expand until it looks like shit. Time for a breakpoint! Stephen Hay
  26. 26. 1em = 16px
  27. 27. 1em = 32px
  28. 28. 1em = 64px
  29. 29. WAI-ARIA —— Gir skjermleseren beskjed om endringer i grensesnittet Kan overstyre semantikk 5
  30. 30. WAI-ARIA IS MY SECRET INGREDIENT
  31. 31. ARIA LANDMARKS <nav role="navigation"> <main role="main"> <form role="search"> <aside role="complementary"> <footer role="contentinfo">
  32. 32. MANUELL TESTING ——
  33. 33. WCAG Constrast Checker
  34. 34. open.bekk.no
  35. 35. a11yproject.com uu.difi.no
  36. 36. Takk for oppmerksomheten! @skifte anders.skifte@bekk.no

×