SlideShare a Scribd company logo
1 of 46
Download to read offline
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

More Related Content

Viewers also liked

Kisah nabi dr kitab berzanji ja'far berzanji
Kisah nabi dr kitab berzanji ja'far berzanjiKisah nabi dr kitab berzanji ja'far berzanji
Kisah nabi dr kitab berzanji ja'far berzanji
AhmadSafwan Raihan
 
Продвижение сайта. Выбор оптимального тарифа.
Продвижение сайта. Выбор оптимального тарифа. Продвижение сайта. Выбор оптимального тарифа.
Продвижение сайта. Выбор оптимального тарифа.
SEO_Experts
 
Cubanfire.oms
Cubanfire.omsCubanfire.oms
Cubanfire.oms
c_liberty
 
Squadre beach volley
Squadre beach volleySquadre beach volley
Squadre beach volley
Paolo Monti
 
Презентация о работе "Центра информирования населения о предоставлении образо...
Презентация о работе "Центра информирования населения о предоставлении образо...Презентация о работе "Центра информирования населения о предоставлении образо...
Презентация о работе "Центра информирования населения о предоставлении образо...
Amir Abazov
 
I os 6 iphone game
I os 6 iphone   gameI os 6 iphone   game
I os 6 iphone game
c_liberty
 
The importance of pdhpe
The importance of pdhpeThe importance of pdhpe
The importance of pdhpe
lizdesanti
 
Elephant in the room: A DBA's Guide to Hadoop
Elephant in the room: A DBA's Guide to HadoopElephant in the room: A DBA's Guide to Hadoop
Elephant in the room: A DBA's Guide to Hadoop
Stuart Ainsworth
 

Viewers also liked (18)

Ruwana kimsa quechua i
Ruwana kimsa quechua iRuwana kimsa quechua i
Ruwana kimsa quechua i
 
Kisah nabi dr kitab berzanji ja'far berzanji
Kisah nabi dr kitab berzanji ja'far berzanjiKisah nabi dr kitab berzanji ja'far berzanji
Kisah nabi dr kitab berzanji ja'far berzanji
 
Estación tercera
Estación terceraEstación tercera
Estación tercera
 
Development of the Wi-Fi Offloading Business Concept within the African Marke...
Development of the Wi-Fi Offloading Business Concept within the African Marke...Development of the Wi-Fi Offloading Business Concept within the African Marke...
Development of the Wi-Fi Offloading Business Concept within the African Marke...
 
Modified Risk Analysis Model APRAM
Modified Risk Analysis Model APRAMModified Risk Analysis Model APRAM
Modified Risk Analysis Model APRAM
 
Продвижение сайта. Выбор оптимального тарифа.
Продвижение сайта. Выбор оптимального тарифа. Продвижение сайта. Выбор оптимального тарифа.
Продвижение сайта. Выбор оптимального тарифа.
 
Cubanfire.oms
Cubanfire.omsCubanfire.oms
Cubanfire.oms
 
Squadre beach volley
Squadre beach volleySquadre beach volley
Squadre beach volley
 
клуб
клубклуб
клуб
 
Team Orange Lucid Chart
Team Orange Lucid ChartTeam Orange Lucid Chart
Team Orange Lucid Chart
 
The Role of Health Research Wales in supporting Industry Research in Betsi Ca...
The Role of Health Research Wales in supporting Industry Research in Betsi Ca...The Role of Health Research Wales in supporting Industry Research in Betsi Ca...
The Role of Health Research Wales in supporting Industry Research in Betsi Ca...
 
Презентация о работе "Центра информирования населения о предоставлении образо...
Презентация о работе "Центра информирования населения о предоставлении образо...Презентация о работе "Центра информирования населения о предоставлении образо...
Презентация о работе "Центра информирования населения о предоставлении образо...
 
Bulungi Creative
Bulungi CreativeBulungi Creative
Bulungi Creative
 
Office Add-Ins
Office Add-InsOffice Add-Ins
Office Add-Ins
 
I os 6 iphone game
I os 6 iphone   gameI os 6 iphone   game
I os 6 iphone game
 
The importance of pdhpe
The importance of pdhpeThe importance of pdhpe
The importance of pdhpe
 
bulungi creative
bulungi creativebulungi creative
bulungi creative
 
Elephant in the room: A DBA's Guide to Hadoop
Elephant in the room: A DBA's Guide to HadoopElephant in the room: A DBA's Guide to Hadoop
Elephant in the room: A DBA's Guide to Hadoop
 

Similar to Nettstedet ditt er snart ulovlig

Spor 1 arkitekturelle rammeverk i offentlig sektor
Spor 1   arkitekturelle rammeverk i offentlig sektorSpor 1   arkitekturelle rammeverk i offentlig sektor
Spor 1 arkitekturelle rammeverk i offentlig sektor
Steria Norway
 

Similar to Nettstedet ditt er snart ulovlig (20)

Aud Marie Hauge, Epinova: Innledning til universell utforming på web
Aud Marie Hauge, Epinova: Innledning til universell utforming på webAud Marie Hauge, Epinova: Innledning til universell utforming på web
Aud Marie Hauge, Epinova: Innledning til universell utforming på web
 
Nettstedet ditt er snart ulovlig - Tilgjengelighet
Nettstedet ditt er snart ulovlig - TilgjengelighetNettstedet ditt er snart ulovlig - Tilgjengelighet
Nettstedet ditt er snart ulovlig - Tilgjengelighet
 
Dette må du kunne om universell utforming
Dette må du kunne om universell utformingDette må du kunne om universell utforming
Dette må du kunne om universell utforming
 
Universell utforming som verktøy for betre nettsider
Universell utforming som verktøy for betre nettsiderUniversell utforming som verktøy for betre nettsider
Universell utforming som verktøy for betre nettsider
 
DIADEM, Yggdrasil (2009)
DIADEM, Yggdrasil (2009)DIADEM, Yggdrasil (2009)
DIADEM, Yggdrasil (2009)
 
Kundeseminar April 2014, universell utforming og cookie loven
Kundeseminar April 2014, universell utforming og cookie lovenKundeseminar April 2014, universell utforming og cookie loven
Kundeseminar April 2014, universell utforming og cookie loven
 
Innlegg 26. mai 2010
Innlegg 26. mai 2010Innlegg 26. mai 2010
Innlegg 26. mai 2010
 
Core trek 2015
Core trek 2015Core trek 2015
Core trek 2015
 
Universell utforming av nettsteder
Universell utforming av nettstederUniversell utforming av nettsteder
Universell utforming av nettsteder
 
Universell utforming av digitale løsninger
Universell utforming av digitale løsningerUniversell utforming av digitale løsninger
Universell utforming av digitale løsninger
 
Innlegg 24. oktober 2013
Innlegg 24. oktober 2013Innlegg 24. oktober 2013
Innlegg 24. oktober 2013
 
Digitalisering - hva betyr det for kommunen?
Digitalisering - hva betyr det for kommunen?Digitalisering - hva betyr det for kommunen?
Digitalisering - hva betyr det for kommunen?
 
Funka Nu
Funka NuFunka Nu
Funka Nu
 
Core trek 2014
Core trek 2014Core trek 2014
Core trek 2014
 
Universell utforming av IKT
Universell utforming av IKTUniversell utforming av IKT
Universell utforming av IKT
 
Hvordan undervise i universell utforming
Hvordan undervise i universell utformingHvordan undervise i universell utforming
Hvordan undervise i universell utforming
 
Spor 1 arkitekturelle rammeverk i offentlig sektor
Spor 1   arkitekturelle rammeverk i offentlig sektorSpor 1   arkitekturelle rammeverk i offentlig sektor
Spor 1 arkitekturelle rammeverk i offentlig sektor
 
Digital skole hver dag - NDLA
Digital skole hver dag - NDLADigital skole hver dag - NDLA
Digital skole hver dag - NDLA
 
Universell utforming: Internett er for alle!
Universell utforming: Internett er for alle!Universell utforming: Internett er for alle!
Universell utforming: Internett er for alle!
 
Midtveispresentasjon 2016
Midtveispresentasjon 2016Midtveispresentasjon 2016
Midtveispresentasjon 2016
 

Nettstedet ditt er snart ulovlig

  • 1. Nettstedet ditt er snart ulovlig - hvilke krav stilles? lag din egen sjekkliste Aud Marie Hauge, ekspert i brukskvalitet og universell utforming i Epinova 1
  • 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” 2
  • 3. 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. 4
  • 5. 5
  • 6. • 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. 7
  • 8. • Fysisk tilgjengelighet – Bygg – Transport • Digital tilgjengelighet – Nettsider – Automater 8
  • 9. 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
  • 10. 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
  • 11. • Skjermleser • Leselist • Skjermforstørrer 11
  • 12. • 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
  • 13. En dag er det deg 13
  • 14. • 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
  • 15. • Økonomisk – Tilgjengelige nettsider er ofte • Lettere å laste • Bedre optimalisert mot søkemotorer • Mer strukturerte og dermed lettere å vedlikeholde • Mer lettlest – Omdømmestyrkende 15
  • 16. • Etisk – Å gi alle rett til samme informasjon er det etisk korrekte 16
  • 17. • 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
  • 18. • Offentlige virksomheter – Jobbe for å fremme universell utforming i virksomheten • Private virksomheter – Gjelder tilsvarende rettet mot allmennheten 18
  • 19. • Uforholdsmessig byrde – så langt det ikke medfører en uforholdsmessig byrde for virksomheten 19
  • 20. • «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
  • 21. • 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. 22
  • 23. • Difi har tilsynet • Kan kreve tilgang til løsninger (innloggede tenester) • Kan vedtak tvangsmulkt for å sikre gjennomføring av pålegg 23
  • 24. • 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
  • 25. • WCAG 2.0 AA 25
  • 26.  WAI  http://www.w3.org/WAI/intro/wcag#is (WAI) – WCAG 2.0 på norsk  www.difi.no  http://kvalitet.difi.no/ 26
  • 27.  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
  • 28. • 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
  • 30. 30 • WCAG 2.0, Retningslinje 1.1.1, Level A – http://www.w3.org/TR/2008/REC-WCAG20-20081211/#text-equiv-all
  • 31. • Semantikk! • Forklarende og meningsbærende tekst • WCAG 2.0, retningslinje 2.4.6, Level AA – http://www.w3.org/TR/WCAG20/#navigation-mechanisms-descriptive
  • 32.
  • 33.
  • 34. • 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
  • 35. • 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
  • 36. • WCAG 2.0, retningslinje 1.4.4, Level AA: – http://www.w3.org/TR/WCAG20/#visual-audio-contrast-scale – Bruk emstørrelser
  • 37. • 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
  • 38.  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
  • 39.  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
  • 40.  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
  • 42. • Bruk sjekklisten og koble retningslinje opp mot punktene i listen 42
  • 43. • Tilgjengelegheit/universell utforming er enkelt  • Loven: WCAG 2.0 AA
  • 44. • 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)