Aud Marie Hauge fra Epinova om tilgjengelighet og den nye loven på frokostseminaret til Netlife Research

1. Nettstedet ditt er snart ulovlig- hvilke krav stilles? Aud Marie Hauge, ekspert i brukskvalitet og universell utforming i Epinova 1

2. Epinova Etablert Mai 2007 100 % eid av ansatte 26 ansatte Eksperter på fagfeltet CMS, EPiServer og Universell Utforming Lang erfaring på utvikling av løsninger, teknologi og muligheter Engasjert i å hente ut potensiale på nett. Teknisk implementering av EPiServer CMS 2

3. 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” 3

4. Tilgjengelighetspyramiden 4

5. De 7 prinsipp for universell utforming The Center for Universal Design ved North Carolina State University 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 5

6. Er dette universelt utforma? 6

7. 7

8. Alternative løysingar 8

9. Tilgjengelighet Fysisk tilgjengelighet Bygg Transport Digital tilgjengelighet Nettsider Automater 9

11. Personer med nedsatte funksjonsevner

12. Fremmedspråklige

13. Brukere av PDA, mobiltelefoner, eldre nettlesere, små skjermer

14. Brukere med datamaskin uten høyttaler m.m10

16. 70 prosent av alle over 70 år får grå stær (tåkesyn)

17. Vel 37 millioner av jordas befolkning er blinde og 124 millioner er svaksynte

18. Fargeblinde; mellom 5% og 8% av alle menn er fargeblind11

19. Fargeblind? 12

20. Personer med nedsatt syn på nett Skjermleser Leselist Skjermforstørrer 13

22. Lesing

23. Problemløsning

24. Konsentrasjon

25. Matematikk

26. Type kognitiv utfordring kan være

27. Dysleksi: http://www.dysleksiforbundet.no/14

28. En dag er det deg 15

29. Hvorfor tilgjengelige nettsider? Juridisk Økonomisk Etisk 16

30. Diskriminerings og tilgjengelighetsloven Sikre alle like muligheter og rettigheter til samfunnsdeltakelse hindre diskriminering på grunn av nedsatt funksjonsevne bidra til nedbygging av samfunnsskapte funksjonshemmede barrierer og hindre at nye skapes 17

31. DTL - virkeområde Offentlige virksomheter Jobbe for å fremme universell utforming i virksomheten Private virksomheter Gjelder tilsvarende rettet mot allmennheten 18

32. DTL - unntak Uforholdsmessig byrde så langt det ikke medfører en uforholdsmessig byrde for virksomheten 19

33. DTL - aktivitetsplikt «Arbeidsgivere i privat sektor som jevnlig sysselsetter mer enn 50 ansatte, og arbeidsgivere i offentlig sektor skal arbeide aktivt, målrettet og planmessig for å fremme lovens formål innenfor sin virksomhet». (http://www.handboka.no/Sak/Lover/Diskrim/disk01.htm) 20

34. DTL - § 11 Plikt til universell utforming av IKT Nye IKT-løsninger som underbygger virksomhetens alminnelige funksjoner, og som er hovedløsninger rettet mot eller stillet til rådighet for allmennheten, skal være universelt utformet fra og med 1. juli 2011, men likevel tidligst tolv måneder etter at det foreligger standarder eller retningslinjer for innholdet i plikten. For eksisterende IKT-løsninger gjelder plikten fra 1. januar 2021. (http://universellutforming.difi.no/Komit%C3%A9innstilling) 21

35. DTL - § 11 22

36. DTL - § 11 – håndheving Difi har tilsynet Kan kreve tilgang til løsninger (innloggede tenester) Kan vedtak tvangsmulkt for å sikre gjennomføring av pålegg 23

37. 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 24

38. Hvordan oppfylle loven? WCAG 2.0 AA 25

41. http://kvalitet.difi.no/26

44. http://kvalitet.difi.no/27

45. Innhold er viktig! Skriv for brukeren Alternativ text på bilder Overskrifter (med semantisk oppbygging) Beskrivende tekst på linker (unngå ”Les mer, klikk her, mer”) Beskrivende tekst på overskrifter Korrekt merking av tabellfelter Korrekt merking av skjemafelter 28

46. Navigasjon og design Gode fargekonstraster Skalering av tekst Tydelig lenkestil Intuitiv tabulator-rekkefølge Gjenkjennbart – f.eks global meny 29

47. Funksjonalitet Transkripsjoner av lyd- og videoinnhold Teksting av video Mulighet for lettlest versjon Kortversjoner på andre språk 30

48. WCAG 2.0 Noen retningslinjer 31

49. Linker Linker må skille seg fra løpende tekst Gode linknavn som gir mening tatt ut av kontekst WCAG 2.0, retningslinje 2.4.4 (A) og 2.4.9 (AAA) http://www.w3.org/TR/WCAG20/#navigation-mechanisms-refs http://www.w3.org/TR/WCAG20/#navigation-mechanisms-link

50. Alternativ tekst på bileter 33 WCAG 2.0, Retningslinje 1.1.1, Level A http://www.w3.org/TR/2008/REC-WCAG20-20081211/#text-equiv-all

51. Overskrifter Semantikk! Forklarande og meningsfull tekst WCAG 2.0, retningslinje 2.4.6, Level AA http://www.w3.org/TR/WCAG20/#navigation-mechanisms-descriptive

52. God tilgjengelighet

53. Dårleg tilgjengelighet

54. Tabulatorrekkefølge WCAG 2.0, retningslinje 2.1.1, Level A: http://www.w3.org/TR/WCAG20/#keyboard-operation Viktig for personer som ikke har mulighet til å bruke mus Test ved å bruke tabulator når man går gjennom løysinga

55. Zoom WCAG 2.0, retningslinje 1.4.4, Level AA: http://www.w3.org/TR/WCAG20/#visual-audio-contrast-scale Bruk relative størrelser (em, %)

56. Kontrast WCAG 2.0, retningslinje 1.4.3 (AA) og 1.4.6 (AAA) http://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast http://www.w3.org/TR/WCAG20/#visual-audio-contrast7

57. 40

58. Konklusjon Universell utforming er enkelt  Lovlige nettsider: WCAG 2.0 AA

59. Kontaktinfo Aud Marie amh@epinova.no http://twitter.com/audmaha www.epinova.no

60. Testing med toolbar http://www.visionaustralia.org.au/ais/toolbar/ (IE) http://chrispederick.com/work/webdeveloper (Firefox) Firebug(Firefox) http://browsershots.org (Nettlesertesting) http://accessibility.egovmon.no/en/pagecheck/ (Teste tilgjengelighet)

61. Deltasenteret sine veiledere http://www.bufetat.no/bufdir/deltasenteret/publikasjoner/