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

1. Universell utforming (universal design) Aud Marie Hauge, ekspert i brukskvalitet og universell utforming i Epinova 1

2. Hva er universell utforming? Deltasenteret (2005) sin definisjon: ”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” 2

3. 7 prinsipper for universell utforming (UU) Like muligheter for bruk Fleksibel i bruk Enkel og intuitiv i bruk Forståelig informasjon Toleranse for feil Lav fysisk anstrengelse Størrelse og plass for tilgang og bruk http://medialt.no/news/wcag-20/567.aspx 3

4. Hvem trenger tilgjengelige nettsider? ALLE, men spesielt Eldre Personer med nedsatte funksjonsevner Personer med flerkulturell bakgrunn Brukere av PDA, mobiltelefoner, eldre nettlesere, små skjermer Brukere med datamaskin uten høyttaler m.m. 4

5. Hvorfor tilgjengelige nettsider? Juridisk Norge: Diskriminerings- og tilgjengelighetsloven (01.01.09) http://doksenter.custompublish.com/diskriminerings-og-tilgjengelighetsloven-fortsatt-ukjent-for-mange-.4528572-46077.html Lov om offentlige anskaffelser (01.01.07) Universell utforming og tilgjengelighet skal tas med i planlegging av alle offentlige anskaffelser (http://www.lovdata.no/all/nl-19990716-069.html) EU USA: Section 508 Økonomisk Etisk 5

6. Hvem bør ta ansvar? Leverandør av programvare og publiseringssystem Leverandører, designere og utviklere av nettsteder - de som implementerer Kjøpere av nettsteder Viktig at kravspesifikasjon er presis og forpliktende Innholdsprodusenter & redaktører av nettsteder 6

7. Hvordan gjøre nettsider tilgjengelige? Tenk tilgjengelighet allerede i fase 1, fikse på allerede eksisterende nettsteder kan være ressurs- og tidkrevende Følge standarder (HTML og CSS) Følge WAI og Difi sine retningslinjer for tilgjengelighet Validering og manuell testing Brukertesting 7

10. http://kvalitet.difi.no/8

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)9

18. WCAG 2.0 4 hovedprinsipp Gjenkjenbart - informasjon og brukergrensesnitt må presenteres på måter brukerne kan tilegne seg. Anvendelig - brukergrensesnitt og navigasjon må fungere. Forståelig - informasjon og kontroll med brukergrensesnitt må være forståelig. Robust - innhold må kunne presenteres på ulike agenter inkludert hjelpemiddelteknologi. 12 retningslinjer 61 suksesskriterier (A - må, AA - bør og AAA - kan). 10

19. DIFI: Kriterier for kvalitet offentlige nettsteder Delt inn i tre deler: Tilgjengelighet Brukertilpassing Nyttig innhold Før:norge.no 11

21. Søkeoptimalisering

22. Sikrer at alle ser det samme

23. Bruk av standard gjør bruk av tilleggsutstyr mulig/enklereValidere i henhold til WCAG (http://www.cynthiasays.com/, http://wave.webaim.org/) Manuell testing Brukertesting Med personar med og uten funksjonsnedsettelser Naturlig setting, kvalitativ metode, komfortable omgivelser 12

24. Litt om søkemotoroptimalisering, SEO Verdens mest aktive nettbrukere er blinde: Søkemotorer Overskrifter Alt-tekster Semantiskoppbygging ‘Title tag’ Godtinnhold http://www.google.com/support/webmasters/bin/answer.py?hl=no&answer=72746 13

25. Hva har Epinova gjort? Nye løsninger Workshop, dialog med designer, dialog med kunden, dialog med utvikler Eksisterende løsninger Evalurere nettstedet ut fra WCAG 2.0 eller Kvalitet/Difi sine retningslinjer, evaluere bruken av HTML (validering) 14

26. Testing med toolbar http://www.visionaustralia.org.au/ais/toolbar/ (IE) http://chrispederick.com/work/webdeveloper (Firefox) Firebug http://getfirebug.com/ (Firefox) 15

27. Kontaktinformasjon amh@epinova.no www.twitter.com/audmaha www.epinova.no 16