universell utforming av nettsteder
DESCRIPTION
En kort gjennomgang av hva bedrifter bør tenke på for å møte kravene til universell utforming av nettsteder.TRANSCRIPT
![Page 1: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/1.jpg)
14.04.2023 1
Teknologiske trender: Universell utforming
Vestfold IT-arena 20.05.2014
HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN
![Page 2: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/2.jpg)
2
Agenda
• Universell utforming (UU)
• Ny lov og forskrift
• Hvorfor UU?
• Hvordan ser verden ut for…?
• DIFIs retningslinjer for UU
• Validering og brukertesting
2
![Page 3: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/3.jpg)
Marius Rohde Johannessen, PhD
• Førsteamanuensis InformasjonssystemerHøgskolen i Buskerud og Vestfold
• Svennebrev mediegrafiker (2000)• Historie grunnfag, HiBo (2002)• BA Internet Studies, Australia (2005)• Msc Informasjonssystemer, UiA (2009)• PhD Informasjonssystemer, UiA (2013)
• Forskningsfokus: • IKT i offentlig sektor, digital kommunikasjon
![Page 4: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/4.jpg)
Hva er universell utforming?
Diskriminerings- og tilgjengelighetsloven :
Med universell utforming menes utforming eller tilrettelegging av hovedløsningen i de fysiske forholdene, inkludert informasjons- og kommunikasjonsteknologi (IKT), slik at virksomhetens alminnelige funksjon kan benyttes av flest mulig.
Med informasjons- og kommunikasjonsteknologi (IKT) menes teknologi og systemer av teknologi som anvendes til å uttrykke, skape, omdanne, utveksle, lagre, mangfoldiggjøre og publisere informasjon, eller som på annen måte gjør informasjon anvendbar.
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 4
![Page 5: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/5.jpg)
Universell utforming
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 5
Lovpålagt fra 1. juli 2014*
Blinde er også kunder med penger
UU helt fra innholdet produseres
Tilgjengelighet er et felles ansvar
*2021 for eksisterende løsninger
![Page 6: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/6.jpg)
Hva vil det koste?
• «Som hovedregel kan man si at en løsning som støtter kravene ofte er 25-40% dyrere enn en løsning som ikke gjør det» Brains+Coffee, webkonsulenter
• «Universell utforming alene fører slett ikke til kostnadsøkning hos Mediebrukere, ofte tvert i mot» Arild Nybø, Mediebruket
• «Sannheten er at universell utforming er et konkurransefortrinn og gjør Internett til et bedre sted for alle.» Ida Aalen m.fl. (ap.no 14/4)
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 6
![Page 7: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/7.jpg)
Hvorfor universell utforming?
• Norge har i dag ca• 700.000 med nedsatt hørsel • 1 million med nedsatt syn.• 500.000 har lese- og skrivevansker
• Hvor mange av disse er kunder hos deg?
• Mulighet for nye tjenester og inntekter?
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 7
![Page 8: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/8.jpg)
UU i den fysiske verden
• Bygg• Litt større rom• Tilgjengelig for rullestol
(mulighet å snu)
• Biler• Bredere dører• Høyere sittestilling
• Fordel for noen få, eller positivt for alle?
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 8
Ill.: Arkitekturnytt
![Page 9: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/9.jpg)
Konsekvenser av å ikke bry seg
• Varslet dagbøter (på sikt)
• uthenging i mediene: Hva gjør det for omdømmet?
• Osloby.no, 13. mai 2014: Ett år etter at de nye automatene skulle vært levert, står Ruter på bar bakke. Blindeforbundet er skuffet over at de universelt utformede automatene ikke kommer
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 9
![Page 10: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/10.jpg)
Hvordan ser verden ut for…
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 10
DYSLEKTIKERE
![Page 11: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/11.jpg)
Hvordan ser verden ut for…
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 11
Svaksynte
![Page 12: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/12.jpg)
Hvordan ser verden ut for…
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 12
KOGNITIVE LIDELSER
![Page 13: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/13.jpg)
Symbolbruk
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 13
![Page 14: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/14.jpg)
Hvordan ser verden ut for…
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 14
Fargeblinde
Rød/grønn-fargeblind
fargesjekken
![Page 15: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/15.jpg)
Hvordan høres verden ut for døve?
• Skru av lyden på TV når det ikke er undertekst…• Hvor mye får vi med oss?• En stor utfordring etter hvert som vi
konsumerer mer og mer multimedieinnhold
• Løsning: Tilby tekstalternativer for video og lydinnhold• Undertekster• Transkripsjoner• Forklarende tekster
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 15
![Page 16: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/16.jpg)
Retningslinjer for UU i Norge
DIFI har utarbeidet en veiviser for universell utforming
Bygger på forskrift om universell utforming:Nettløsninger skal minst utformes i samsvar
med standard Web Content Accessibility Guidelines 2.0 (WCAG 2.0…på nivå A og AA med unntak for
suksesskriteriene 1.2.3, 1.2.4 og 1.2.5
Forskriften sier at vi må dekke 35 av 61 retningslinjer i WCAG som et minumum
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 16
![Page 17: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/17.jpg)
WCAG prinsipper
• Mulig å oppfatte • Informasjon og UI må presenteres slik at den
ikke krever en enkelt sans• Mulig å betjene
• brukere skal kunne navigere, velge knapper, sette haker i avkryssingsfelt og så videre med det utstyret de benytter. Tastaturvennlige løsninger
• Forståelig• Språkbruk, hjelpesider, forutsigbart design
• Robust• Sidene validerer, følge webstandarder
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 17
![Page 18: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/18.jpg)
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 18
Ill: DIFI
![Page 19: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/19.jpg)
WCAG-vennlig struktur
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 19
![Page 20: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/20.jpg)
Sjekkliste for selvtesting
• Validatorer/verktøy
• HTML• CSS• WCAG• Kontrast• Skjermleser• Skjermleser u/skjer
m
• Manuelle tester• Språkvask• Tekststørrelse• Str. På elementer• Tastaturvalg
Kilde: Tollefsen: web og universell utforming
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 20
![Page 21: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/21.jpg)
Brukertesting
«Det finnes ikke standarder eller objektive svar som løser alle spørsmål knyttet til UU… en side med 50o lenker er tilgjengelig dersom alle kan velges med tastatur. Det er imidlertid lite brukervennlig å måtte trykke på tab-tasten 300 ganger for å komme til den lenken som skal velges»
Morten Tollefsen, forfatter av «web og universell utforming»
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 21
![Page 22: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/22.jpg)
Brukertesting - hvem
• UU-tester er ikke veldig forskjellig fra vanlige brukertester, men krever litt annen tilrettelegging og selvfølgelig tilgang til personer med funksjonsnedsettelser:
• Synsrelaterte: Blinde, ulike øyesykdommer, svaksynte, fargeblinde
• Hørselsrelaterte: Døve, tunghørte
• Motoriske lidelser: Kan gjøre det vanskelig å bruke vanlige nettsider. MS, muskelsykdommer osv.
• Kognitive og nevrologiske lidelser: Dysleksi, dyskalkuli, ADHD, hukommelsessvikt, slagrammede, demente…
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 22
![Page 23: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/23.jpg)
Brukertesting - hvordan
KOMET-metoden (Tollefsen)
• Definere testgruppe (funksjonshemming, alder, kompetanse)
• Rekruttering – Bygg opp et kontaktnett, eller lei inn noen
• Lag et sett med konkrete oppgaver testeren skal utføre
• Send oppgavene til testerne
• Testerne løser oppgaver og skriver ned erfaringer og hva de
gjør
• Skriftlige rapporter samles inn og sammenfattes
14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 23
![Page 24: Universell utforming av nettsteder](https://reader035.vdocuments.mx/reader035/viewer/2022081512/5592379b1a28ab44158b4719/html5/thumbnails/24.jpg)
Campus DrammenPapirbredden, Grønland 583045 DrammenTlf.: 32 20 64 00Faks: 32 20 64 10
Campus KongsbergFrogsvei 413611 KongsbergTlf.: 32 86 95 10 Faks: 32 86 95 16
Campus RingerikeBredalsveien 143511 HønefossTlf.: 32 11 71 00 Faks: 32 11 71 10
Campus VestfoldRaveien 2153184 BorreTlf: 33 03 10 00 Faks: 33 03 11 00
www.hbv.no14.04.2023 HØGSKOLEN I BUSKERUD OG VESTFOLD – PROFESJONSHØGSKOLEN 24
Takk for oppmerksomheten!Spørsmål/kommentarer: [email protected]