Your SlideShare is downloading. ×
0
Innledning til universell utforming på web
Innledning til universell utforming på web
Innledning til universell utforming på web
Innledning til universell utforming på web
Innledning til universell utforming på web
Innledning til universell utforming på web
Innledning til universell utforming på web
Innledning til universell utforming på web
Innledning til universell utforming på web
Innledning til universell utforming på web
Innledning til universell utforming på web
Innledning til universell utforming på web
Innledning til universell utforming på web
Innledning til universell utforming på web
Innledning til universell utforming på web
Innledning til universell utforming på web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Innledning til universell utforming på web

1,522

Published on

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

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,522
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
2
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 (universal design)<br />Aud Marie Hauge, ekspert i brukskvalitet og universell utforming i Epinova<br />1<br />
  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. 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. 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. 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. 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. 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. WAI og DIFI/Norge.no<br /><ul><li>WAI
  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. http://kvalitet.difi.no/</li></ul>8<br />
  11. W3C, WAI og WCAG<br /><ul><li>W3C
  12. Internasjonalorganisasjonsomutviklerstandarder for internett
  13. Arbeider også med å gjørenettettilgjengelig for personer med nedsattefunksjonsevner
  14. Starteti 1999 the Web Accessibility Initiative (WAI)
  15. WAI
  16. Initiativsomutviklerinternasjonaleretningslinjer for personer med funksjonshemninger (WCAG = Web Content Accssibility Guidelines)
  17. Sistelanserte standard er WCAG 2.0 (desember 2008)</li></ul>9<br />
  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. 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. 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. Søkeoptimalisering
  22. Sikrer at alle ser det samme
  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. 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. 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. 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. Kontaktinformasjon <br />amh@epinova.no<br />www.twitter.com/audmaha<br />www.epinova.no<br />16<br />

×