Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Universell utforming er godt håndtverk

772 vues

Publié le

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

Publié dans : Internet
  • Soyez le premier à commenter

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

×