Nettstedet ditt er snart ulovlig - hvilke krav stilles? lag din egen sjekkliste

Aud Marie Hauge, ekspert i brukskvalitet og universell utforming i Epinova

1

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

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

5

• The Center for Universal Design ved North Carolina State

University

1. Like muligheter for bruk

2. Fleksibel i bruk

3. Enkel og intuitiv i bruk

4. Forståelig informasjon

5. Toleranse for feil

6. Lav fysisk anstrengelse

7. Størrelse og plass for tilgang og bruk

6

7

• Fysisk tilgjengelighet

– Bygg

– Transport

• Digital tilgjengelighet

– Nettsider

– Automater

8

ALLE, men spesielt

• Eldre

• Barn

• Personer med nedsatte funksjonsevner

– Motoriske utfordringer, personer med nedsatt hørsel, kognitive

utfordringer, synshemming

• Fremmedspråklige

• Brukere av PDA, mobiltelefoner, eldre nettlesere, små skjermer

• Brukere med datamaskin uten høyttaler m.m

9

Fakta, fra Blindeforbundet sine nettsider:

• 130 000 nordmenn har så svekket syn at de regnes som

synshemmede

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

• Vel 37 millioner av jordas befolkning er blinde og 124 millioner er

svaksynte

• Fargeblinde; hver 12 mann er fargeblind, test om du er fargeblind

her

• Test synet ditt

10

• Skjermleser

• Leselist

• Skjermforstørrer

11

• Kognitive utfordringer kan være problem med

– Lesing

– Problemløsning

– Konsentrasjon

– Matematikk

• Type kognitiv utfordring kan være

– Dysleksi

• ”Dysleksi er et av den vestlige verdens mest vanlige handikap. I Norge kan

man regne med at flere hundre tusen mennesker i større eller mindre grad

er rammet. Alvorlige dyslektiske forstyrrelser forekommer hos 5-10% av

befolkningen. Det betyr at det er dyslektiske elever i nesten alle

skoleklasser.” (http://www.dysleksiforbundet.no/)

12

En dag er det deg

13

• Juridisk

– Norge:

• Diskriminerings- og tilgjengelighetsloven (01.01.09)

– Lov om offentlige anskaffelser (01.01.07)

– Universell utforming og tilgjengelighet skal tas med i

planlegging av alle offentlige anskaffelser

– EU

– USA: Section 508

14

• Økonomisk

– Tilgjengelige nettsider er ofte

• Lettere å laste

• Bedre optimalisert mot søkemotorer

• Mer strukturerte og dermed lettere å vedlikeholde

• Mer lettlest

– Omdømmestyrkende

15

• Etisk

– Å gi alle rett til samme informasjon er det etisk korrekte

16

• 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

• Offentlige virksomheter

– Jobbe for å fremme universell utforming i virksomheten

• Private virksomheter

– Gjelder tilsvarende rettet mot allmennheten

18

• Uforholdsmessig byrde

– så langt det ikke medfører en uforholdsmessig byrde for virksomheten

19

• «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

• 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

22

• Difi har tilsynet

• Kan kreve tilgang til løsninger (innloggede tenester)

• Kan vedtak tvangsmulkt for å sikre gjennomføring av pålegg

23

• 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

• WCAG 2.0 AA

25

WAI

http://www.w3.org/WAI/intro/wcag#is (WAI)

– WCAG 2.0 på norsk

www.difi.no

http://kvalitet.difi.no/

26

W3C

en internasjonal organisasjon som utvikler standarder for internett. Som

en del av dette arbeidet jobber de blant annet med å gjøre nettet

tilgjengelig for personer med nedsatte funksjonsevner.

startet i 1999 the Web Accessibility Initiative (WAI)

WAI

initiativ som utvikler internasjonale retningslinjer for personer med

funksjonshemninger (WCAG = Web Content Accssibility Guidelines)

Siste lanserte standard er WCAG 2.0 (desember 2008)

27

• 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).

28

• Noen retningslinjer

29

30

• WCAG 2.0, Retningslinje 1.1.1, Level A

– http://www.w3.org/TR/2008/REC-WCAG20-20081211/#text-equiv-all

• Semantikk!

• Forklarende og meningsbærende tekst

• WCAG 2.0, retningslinje 2.4.6, Level AA

– http://www.w3.org/TR/WCAG20/#navigation-mechanisms-descriptive

• Linker må merkes på en konsekvent måte

• 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

• 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

• WCAG 2.0, retningslinje 1.4.4, Level AA:

– http://www.w3.org/TR/WCAG20/#visual-audio-contrast-scale

– Bruk emstørrelser

• 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

Innholdet er skrevet for brukeren

Nettstedet har alternativ text på

meningsbærende bilder

Overskrifter er rett kodet og har

meningsbærende navn

Linker har beskrivende tekst

Tabellfelter er korrekt merket

Skjemafelter er korrekt merket

38

Nettstedet har tilstrekkeleg kontraster

Man kan skalere tekst

Linker fremstår tydelig som linker

Nettstedet har intuitiv tab-rekkefølge

Nettstedet har konsekvent navigasjon

39

Det finnes transkripsjoner av lyd- og videoinnhold

Det finnes teksting av video

Nettstedet har en lettlest versjon

Det finnes kortversjoner på andre språk

40

• webaim.org/standards/wcag/checklist

41

• Bruk sjekklisten og koble retningslinje opp mot

punktene i listen

42

• Tilgjengelegheit/universell utforming er enkelt

• Loven: WCAG 2.0 AA

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

• UniversellUtforming.net

Aud Marie

amh@epinova.no

http://twitter.com/audmaha

www.epinova.no