Universell utforming (universal design)<br />Aud Marie Hauge, ekspert i brukskvalitet og universell utforming i Epinova<br...
Hva er universell utforming?<br />Deltasenteret (2005) sin definisjon:<br /> 	”Begrepet universell utforming blir ofte bru...
7 prinsipper for universell utforming (UU)<br />Like muligheter for bruk <br />Fleksibel i bruk <br />Enkel og intuitiv i ...
Hvem trenger tilgjengelige nettsider?<br />ALLE, men spesielt<br />Eldre <br />Personer med nedsatte funksjonsevner<br />P...
Hvorfor tilgjengelige nettsider?<br />Juridisk<br />Norge: <br />Diskriminerings- og tilgjengelighetsloven (01.01.09)<br /...
Hvem bør ta ansvar?<br />Leverandør av programvare og publiseringssystem<br />Leverandører, designere og utviklere av nett...
Hvordan gjøre nettsider tilgjengelige?<br />Tenk tilgjengelighet allerede i fase 1, fikse på allerede eksisterende nettste...
WAI og DIFI/Norge.no<br /><ul><li>WAI
http://www.w3.org/WAI/intro/wcag#is (WAI)</li></ul>http://www.huftis.org/w3c/TR/WAI-WEBCONTENT-NN-NO/wai-pageauth.html  (W...
http://kvalitet.difi.no/</li></ul>8<br />
W3C, WAI og WCAG<br /><ul><li>W3C
Internasjonalorganisasjonsomutviklerstandarder for internett
Arbeider også med å gjørenettettilgjengelig for personer med nedsattefunksjonsevner
Starteti 1999 the Web Accessibility Initiative (WAI)
WAI
Initiativsomutviklerinternasjonaleretningslinjer for personer med funksjonshemninger (WCAG = Web Content Accssibility Guid...
Upcoming SlideShare
Loading in...5
×

Innledning til universell utforming på web

1,537

Published on

Halden av Aud Marie Hauge, Epinova på frokostseminar hjå Epinova 8. oktober 2009.

Published in: Design, Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,537
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Innledning til universell utforming på web

  1. 1. Universell utforming (universal design)<br />Aud Marie Hauge, ekspert i brukskvalitet og universell utforming i Epinova<br />1<br />
  2. 2. Hva er universell utforming?<br />Deltasenteret (2005) sin definisjon:<br /> ”Begrepet universell utforming blir ofte brukt synonymt med tilgjengelighet for alle, planlegging for alle og design for alle. Universell utforming vil si å utforme produkter og omgivelser på en slik måte at de kan benyttes av alle mennesker, i så stor utstrekning som mulig, uten behov for tilpassing eller spesiell utforming”<br />2<br />
  3. 3. 7 prinsipper for universell utforming (UU)<br />Like muligheter for bruk <br />Fleksibel i bruk <br />Enkel og intuitiv i bruk <br />Forståelig informasjon <br />Toleranse for feil <br />Lav fysisk anstrengelse <br />Størrelse og plass for tilgang og bruk <br />http://medialt.no/news/wcag-20/567.aspx<br />3<br />
  4. 4. Hvem trenger tilgjengelige nettsider?<br />ALLE, men spesielt<br />Eldre <br />Personer med nedsatte funksjonsevner<br />Personer med flerkulturell bakgrunn<br />Brukere av PDA, mobiltelefoner, eldre nettlesere, små skjermer<br />Brukere med datamaskin uten høyttaler m.m.<br />4<br />
  5. 5. Hvorfor tilgjengelige nettsider?<br />Juridisk<br />Norge: <br />Diskriminerings- og tilgjengelighetsloven (01.01.09)<br />http://doksenter.custompublish.com/diskriminerings-og-tilgjengelighetsloven-fortsatt-ukjent-for-mange-.4528572-46077.html<br />Lov om offentlige anskaffelser (01.01.07)<br />Universell utforming og tilgjengelighet skal tas med i planlegging av alle offentlige anskaffelser (http://www.lovdata.no/all/nl-19990716-069.html)<br />EU<br />USA: Section 508<br />Økonomisk<br />Etisk<br />5<br />
  6. 6. Hvem bør ta ansvar?<br />Leverandør av programvare og publiseringssystem<br />Leverandører, designere og utviklere av nettsteder - de som implementerer<br />Kjøpere av nettsteder<br />Viktig at kravspesifikasjon er presis og forpliktende<br />Innholdsprodusenter & redaktører av nettsteder<br />6<br />
  7. 7. Hvordan gjøre nettsider tilgjengelige?<br />Tenk tilgjengelighet allerede i fase 1, fikse på allerede eksisterende nettsteder kan være ressurs- og tidkrevende<br />Følge standarder (HTML og CSS)<br />Følge WAI og Difi sine retningslinjer for tilgjengelighet<br />Validering og manuell testing<br />Brukertesting<br />7<br />
  8. 8. WAI og DIFI/Norge.no<br /><ul><li>WAI
  9. 9. http://www.w3.org/WAI/intro/wcag#is (WAI)</li></ul>http://www.huftis.org/w3c/TR/WAI-WEBCONTENT-NN-NO/wai-pageauth.html (WCAG 1.0 på norsk)<br /><ul><li>www.difi.no
  10. 10. http://kvalitet.difi.no/</li></ul>8<br />
  11. 11. W3C, WAI og WCAG<br /><ul><li>W3C
  12. 12. Internasjonalorganisasjonsomutviklerstandarder for internett
  13. 13. Arbeider også med å gjørenettettilgjengelig for personer med nedsattefunksjonsevner
  14. 14. Starteti 1999 the Web Accessibility Initiative (WAI)
  15. 15. WAI
  16. 16. Initiativsomutviklerinternasjonaleretningslinjer for personer med funksjonshemninger (WCAG = Web Content Accssibility Guidelines)
  17. 17. Sistelanserte standard er WCAG 2.0 (desember 2008)</li></ul>9<br />
  18. 18. WCAG 2.0<br />4 hovedprinsipp<br />Gjenkjenbart - informasjon og brukergrensesnitt må presenteres på måter brukerne kan tilegne seg. <br />Anvendelig - brukergrensesnitt og navigasjon må fungere. <br />Forståelig - informasjon og kontroll med brukergrensesnitt må være forståelig. <br />Robust - innhold må kunne presenteres på ulike agenter inkludert hjelpemiddelteknologi. <br />12 retningslinjer <br />61 suksesskriterier (A - må, AA - bør og AAA - kan).<br />10<br />
  19. 19. DIFI: Kriterier for kvalitet offentlige nettsteder<br />Delt inn i tre deler: <br />Tilgjengelighet<br />Brukertilpassing<br />Nyttig innhold<br />Før:norge.no<br />11<br />
  20. 20. Hvordan teste UU?<br />Validere HTML i henhold til standarden (http://validator.w3.org/, http://jigsaw.w3.org/css-validator/)<br /><ul><li>Sier om koden din er i henhold til standarden
  21. 21. Søkeoptimalisering
  22. 22. Sikrer at alle ser det samme
  23. 23. Bruk av standard gjør bruk av tilleggsutstyr mulig/enklere</li></ul>Validere i henhold til WCAG (http://www.cynthiasays.com/, http://wave.webaim.org/) <br />Manuell testing<br />Brukertesting<br />Med personar med og uten funksjonsnedsettelser<br />Naturlig setting, kvalitativ metode, komfortable omgivelser<br />12<br />
  24. 24. Litt om søkemotoroptimalisering, SEO<br />Verdens mest aktive nettbrukere er blinde: Søkemotorer<br />Overskrifter<br />Alt-tekster<br />Semantiskoppbygging<br />‘Title tag’<br />Godtinnhold<br />http://www.google.com/support/webmasters/bin/answer.py?hl=no&answer=72746<br />13<br />
  25. 25. Hva har Epinova gjort?<br />Nye løsninger<br />Workshop, dialog med designer, dialog med kunden, dialog med utvikler<br />Eksisterende løsninger<br />Evalurere nettstedet ut fra WCAG 2.0 eller Kvalitet/Difi sine retningslinjer, evaluere bruken av HTML (validering) <br />14<br />
  26. 26. Testing med toolbar<br />http://www.visionaustralia.org.au/ais/toolbar/ (IE)<br />http://chrispederick.com/work/webdeveloper (Firefox)<br />Firebug http://getfirebug.com/ (Firefox)<br />15<br />
  27. 27. Kontaktinformasjon <br />amh@epinova.no<br />www.twitter.com/audmaha<br />www.epinova.no<br />16<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×