Christian og Derek: Web Accessibility (Webdagene 2013)

  • 902 views
Uploaded on

 

More in: Design , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
902
On Slideshare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
14
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Universell utforming Case: Nye udi.no Christian Spidsberg Nettredaktør/prosjektleder
  • 2. Om meg •  Nettredaktør i UDI. •  Prosjektleder for nye udi.no. •  Arbeidet med web siden årtusenskiftet. •  Blogger på webetaten.no Side 2
  • 3. Vårt mål for udi.no Minimum 90 % oppfyllelse av WCAG-kravene på nivå AA etter en uavhengig ekspertevaluering av udi.no etter lansering. Side 3
  • 4. Universell utforming er… Side 4
  • 5. ….mer enn tilgjengelighet for blinde. Side 5
  • 6. ….mer enn kvalitets- vurderingene til DIFI. Side 6
  • 7. Side 7 Språk Pedagogikk Teknikk
  • 8. Hent inn ekspertkompetanse. Side 8
  • 9. Kravspesifikasjonen må sette standarden: •  koding og programmering •  innhold og design •  navigasjon •  film og video •  …. Side 9
  • 10. Utfordringer blir det… Side 10
  • 11. Men så… Side 11
  • 12. •  I dag: Tillatelsen danner grunnlag for familieinnvandring. •  Nytt: Familien din kan vanligvis søke om å bo med deg i Norge. Side 12
  • 13. Side 13
  • 14. Takk for meg. •  www.webetaten.no •  @webetaten •  992 99 557 Side 14
  • 15. Why should that interface be accessible?
  • 16. How would we make that accessible?
  • 17. To whom should it be accessible?
  • 18. • blind • low-vision • hearing • mobility/dexterity • cognitive • speech
  • 19. erceivable perable nderstandable obust P O U R w3.org/WAI
  • 20. P O U R Focuses on user needs, not technology.
  • 21. Web Accessibility is a Design Tool
  • 22. Derek Featherstone feather@simplyaccessible.com @feather
  • 23. Accessibility is part of User Experience.
  • 24. extremes extremes
  • 25. Accessibility is not binary, all-or-nothing, black and white. We have every shade of grey in between. How you view this point frames everything that you learn and do about accessibility.
  • 26. The checklist is a starting point, not an end point.
  • 27. Just because something is compliant, doesn’t mean it will be easy to use.
  • 28. How can we get beyond the checklist?
  • 29. Great design, technical excellence, the right content and functionality.
  • 30. Great design, technical excellence, the right content and functionality.
  • 31. PRINCIPLE 1 Start with content
  • 32. Content specific to people with disabilities?
  • 33. PRINCIPLE 2 Move from what to why.
  • 34. Overlapping Map Polygons: Non-visual access
  • 35. Different method to get the same information (Fictitious) proposed boundary changes, City of Ottawa Does this change affect you? Use our Postal Code lookup: Postal code: Search
  • 36. PRINCIPLE 3 Out of sight, out of mind.
  • 37. GROUP CLOSELY RELATED ITEMS
  • 38. Layout: Proximity for Low-vision users
  • 39. Layout: Proximity for Low-vision users
  • 40. Use layout to create the right "chunks"
  • 41. Use layout to create the right "chunks"
  • 42. PRINCIPLE 4 Design for Quick Consumption
  • 43. Front-loaded content
  • 44. USE HEADINGS FOR QUICK CONSUMPTION
  • 45. PRINCIPLE 5 Keyboard.Keyboard.Keyboard.
  • 46. PRINCIPLE 6 Design for forgetfulness.
  • 47. Summary and Field-level errors
  • 48. These principles help make better, more accessible designs for everyone.
  • 49. simplyaccessible.com/newsletter
  • 50. Derek Featherstone feather@simplyaccessible.com @feather
  • 51. Accessibility consulting, strategy and assessments Accessible development and remediation services Training courses, workshops and conferences simplyaccessible.com feather@simplyaccessible.com @feather on twitter Derek Featherstone