View
1.179
Download
3
Category
Preview:
DESCRIPTION
Vi ser på hvordan n.ettbruk er en utfordring for flere enn vi tror. Myndighetene krever at vi skjerper oss og gir oss derfor den nye diskriminerings- og tilgjengelighetsloven med basert på følgende retningslinjer og standarder. Økt tilgjengelighet kan likevel oppnås med enkle grep
Citation preview
NØKKELEN TIL ØKT VERDI PÅ DITT NETTSTED
Tilgjengelighet:
© Creuna Slide 1
PER AUGUST KRÄMER (36)
© Creuna Slide 2
Interaksjonsdesigner - Mastergrad i Informatikk (UiO) med fordypning innen MMI.
Har utviklet løsninger for: Stortinget Utdanningsdirektoratet Skatteetaten Klima- og forurensningsdirektoratet
TORD HEYERDAHL (28)
© Creuna Slide 3
Interaksjonsdesigner - Mastergrad i Informatikk (NTNU) med fordypning innen MMI.
Har utviklet løsninger for: Trafikanten Libris Flust Statkraft Elkjøp
TILGJENGELIGHET - NØKKELEN TIL ØKT VERDI PÅ DITT NETTSTED
© Creuna Slide 4
Nettbruk er en utfordring for flere enn vi tror
Myndighetene krever at vi skjerper oss: Den nye diskriminerings- og tilgjengelighetsloven Gjeldene retningslinjer og standarder
Økt tilgjengelighet kan oppnås med enkle grep
TILGJENGELIGHET - NØKKELEN TIL ØKT VERDI PÅ DITT NETTSTED
© Creuna Slide 5
Nettbruk er en utfordring for flere enn vi tror
Myndighetene krever at vi skjerper oss: Den nye diskriminerings- og tilgjengelighetsloven Gjeldene retningslinjer og standarder
Økt tilgjengelighet kan oppnås med enkle grep
© Creuna Slide 6
Dine 5 millioner norske brukere
© Creuna Slide 7
Kilde: IKT for alle- hvordan er situasjonen i dag? NR
130.000Synshemmede
600.000hørselshemmede
230.000over 80 år
500.000Dyslektikere
250.000fargeblinde
1.200.000Muskel- og skjelettsykdommer
1.500.000Lese- og skrivevansker
© Creuna Slide 8
Kilde: IKT for alle- hvordan er situasjonen i dag? NR
15.4%
© Creuna Slide 9
© Creuna Slide 10
© Creuna Slide 11
…Tilgang er ikke det samme som tilgjengelig
«Med tilgang mener vi adgang til, eller anledning til å bruke, mens vi med tilgjengelig mener brukbar»Deltasenteret
© Creuna Slide 12
Tilgang
Tilgjengelig
Tilgang
© Creuna Slide 13
Tilgang
Tilgjengelig
TILGJENGELIGHET ER BRA FOR ALLE
© Creuna Slide 14
© Creuna Slide 15
Er ikke kostbart
Vil gi økt synlighet i
søkemotorer er en lov du
må følges
Er god forretningsstrate
gi
Er ikke vanskelig å
implementere
Gir deg flere
brukere
Er ikke stygt og kjedeligEr
framtidsrettet
TILGJENGELIGHET…
© Creuna Slide 16
«Med universell utforming menes utforming eller tilrettelegging i de fysiske forholdene, slik at virksomhetens alminnelige funksjon kan benyttes av flest mulig.»
§9 – Diskriminerings og tilgjengelighetsloven
Definisjon
«[..]Tilgjengelighet handler om å gi alle mulighet til å delta»
deltasenteret
© Creuna Slide 17
Kognitive utfordringer
Motoriske utfordringer
Hørselshemminger
Synshemminger EldreFremmedspråkli
ge
© Creuna Slide 18
Kognitive utfordringer
Utfordringer
Problemer med mentale oppgaver: Lesing og språklig forståelse Minne og konsentrasjon Problemløsing og mattematikk Visuell forståelse
http://www.tracsgame.com/content/science/cognitive_psychology/the_cognitive_psychology.htm
16 -
20 å
r
Arbe
idss
øken
de
Ikke
-ves
tlige
innv
andr
ere
Tryg
dede
Hjem
mev
ære
nde
Yrke
sakt
ive
0%
10%
20%
30%
40%
50%
60%
20%
40% 43%50% 53%
23%
Lesevansker i befolkningen
© Creuna Slide 19Kilde: Unge og voksne med lese- og skrivevansker, 2008 (Gabrielsen, Heber og Høien)
© Creuna Slide 20
Motoriske utfordringer
Utfordringer
Mange grupper som har det i felles at de har ulike bevegelseshemninger, kroniske eller forbigående.
http://lifekludger.net/2006/05/26/acer-c200-series-tablet-a-lifekludger-review/
TYPISKE PROBLEMOMRÅDER
© Creuna Slide 21
© Creuna Slide 22
Hørselshemming
Utfordringer
Morsmålet er ofte tegnspråk noe som ikke er det samme som norsk.
Leser derfor ikke tekst så godt.
http://www.ngoabroad.com/youth.html
© Creuna Slide 23
Synshemming
Definisjon«Så nedsatt syn at det medfører problemer med lesing av tekst og/eller orientering i omgivelsene.»
BLINDE / STERKT NEDSATT SYN
© Creuna Slide 24
• Tekst er viktigste informasjonskilde
• Bruker leselister, skjermopplesere og/eller forstørring av tekst
• Navigerer ikke med mus
«Lorem ipsum?»
© Creuna Slide 25
A A AFORSTØRRING AV TEKST
© Creuna Slide 26
Verdens mest aktive nettbruker er blind
© Creuna Slide 27
8%0,5-1%
FARGEBLINDHET
© Creuna Slide 28
Normal Rødblinde (protanopiske)
Grønnblinde(deuteranopiske)
Blå-gulblinde(tritanopiske)
83 37 49 56
© Creuna Slide 29
© Creuna Slide 30
Eldre
Utfordringer
Kan ha flere av utfordringene til de andre gruppene: nedsatt syn (spesielt lysstyrke) svekket hørsel svekket motorikk svekket minne eller konsentrasjon
© Creuna Slide 31
…men dagens eldre er ikke så store nettbrukere som man skulle tro.
© Creuna Slide 32
Kilde: IKT i husholdningen 2007, ssb
99 prosent av den yngste aldersgruppen hadde brukt
Internett de siste tre månedene, mot 28 prosent av den eldste
aldersgruppen
© Creuna Slide 33
Fremmedspråklige
Kan ha problemer med det norske språk
Utfordringer med å lese vårt latinske alfabet
Noen leser fra høyre mot venstre eller topp til bunn
UTFORDRINGER - EKSEMPEL
© Creuna Slide 34
UTFORDRINGER - EKSEMPEL
© Creuna Slide 35
TILGJENGELIGHET - NØKKELEN TIL ØKT VERDI PÅ DITT NETTSTED
© Creuna Slide 36
Nettbruk er en utfordring for flere enn vi tror
Myndighetene krever at vi skjerper oss: Den nye diskriminerings- og
tilgjengelighetsloven Gjeldene retningslinjer og standarder
Økt tilgjengelighet kan oppnås med enkle grep
© Creuna Slide 37
Diskriminerings- og tilgjengelighetsloven (DTL)
DETTE ANGÅR DEG
© Creuna Slide 38
Nye nettsteder skal være universelt utformet fra 1. juli 2012 Eksisterende løsninger fra 1. januar 2021
Loven gjelder både for privat og offentlig virksomhet
Aktivitets- og rapporteringsplikt
© Creuna Slide 39
§9 - Plikt til generell tilrettelegging (universell utforming)
§11 - Plikt til universell utforming av informasjons- og kommunikasjonsteknologi (IKT)
OMFATTENDE LOV
© Creuna Slide 40
§1Lovens formål er å fremme likestilling og likeverd, sikre like muligheter og rettigheter til samfunnsdeltakelse for alle uavhengig av funksjonsevne og hindre diskriminering på grunn av nedsatt funksjonsevne.
Loven skal bidra til nedbygging av samfunnsskapte funksjonshemmende barrierer og hindre at nye skapes.
FORMÅL
© Creuna Slide 41
Diskriminerings- og tilgjengelighetslovengjelder alle samfunnsområder*
* Med unntak av familieliv og andre forhold av personlig karakter
© Creuna Slide 42
§9 [..] Offentlig og privat virksomhet rettet mot allmennheten har plikt til å sikre universell utforming av virksomhetens alminnelige funksjon [..]
© Creuna Slide 43
Offentlige kontorer der publikum kan henvende seg
Skoler- og utdanningsinstitusjoner, barnehager og fritidsklubber
Kulturinstitusjoner, biblioteker, museer
Kirker
Virksomheter som tilbyr offentlig persontransport
Sykehus, sykehjem og helseinstitusjoner
Forretninger og varehus
Private tilbydere av bank- og forsikringstjenester
Restauranter, kafeer, hoteller og overnattingssteder
Private skoler, transportvirksomhet og helseinstitusjoner
Frivillige organisasjoner, interesseorganisasjoner, foreninger og politiske partier
Religiøse forsamlinger og livssynsorganisasjoner
Offentlige Private
Rundskriv: Barne-, likestillings- og inkluderingsdepartementet 05.07.2010
ALMINNELIGE FUNKSJON?
© Creuna Slide 44
§9 [..] Offentlig og privat virksomhet rettet mot allmennheten har plikt til å sikre universell utforming av virksomhetens alminnelige funksjon [..]
Har du en «fysisk» butikk som selger varer over disk, så skal publikumslokalet følge universell utforming, mens lageret nødvendigvis ikke trenger å gjøre det.
har du en nettbutikk som selger varer så må nettstedet ditt følge universell utforming, mens administrasjonsgrensesnittet ikke nødvendigvis trenger å gjøre det.
AKTIVITETS- OG RAPPORTERINGSPLIKT
© Creuna Slide 45
Offentlig myndighet skal fremme lovens formål.
…og Privat virksomhet med mer enn 50 ansatte
Din årsberetninger skal redegjøre for planlagte og iverksatte tiltak. Offentlig myndighet som ikke leverer årsberetning skal rapportere i
årsbudsjettet
NÅR?
© Creuna Slide 46
1. Jan 2009
Loven trer i kraft
1. Juli* 2011
Gjelder for nye IKT-løsninger
1. Jan2021
Gjelder også for eksisterende IKT- løsninger
1. Juli 2012
Standarder og retningslinjer skal foreligge
* «DTL trer i kraft frå 1.juli 2011 (mest truleg), men skal liggje eitt år etter dette før ein kan ”sanksjonere”. Det betyr at Kvalitet 2012 er eit viktig år» e-post fra difi
…MEN
© Creuna Slide 47
«[…] tidligst tolv måneder etter at det foreligger standarder eller retningslinjer[…]»
«[…]En rekke hjemmesider som drives av private virksomheter er også rettet mot allmennheten, og omfattes dermed også av lovens § 9, men med avgrensning mot større tiltak»
Rundskriv – Barne-, likestillings- og inkluderingsdepartementet 05.07.2010
© Creuna Slide 48
…Skal ikke medføre en uforholdsmessig byrde for virksomheten
© Creuna Slide 49
Håndheving
© Creuna Slide 50
§11:
TILGJENGELIGHET - NØKKELEN TIL ØKT VERDI PÅ DITT NETTSTED
© Creuna Slide 51
Nettbruk er en utfordring for flere enn vi tror
Myndighetene krever at vi skjerper oss: Den nye diskriminerings- og tilgjengelighetsloven Gjeldene retningslinjer og standarder
Økt tilgjengelighet kan oppnås med enkle grep
© Creuna Slide 52
WCAG
Kvalitetsvurderingen
Standard Norge
© Creuna Slide 53
Internasjonal organisasjon som utvikler protokoller og standarder for teknologien som brukes på nettet
1999 startet undergruppen «the Web Accessibility Initiative» (WAI)
Initiativ som jobber med å øke tilgjengeligheten på nett for personer med funksjonshemminger.
WCAG = Web Content Accessibility Guidelines
Gjeldene standard er WCAG 2.0
W3C – WAI - WCAG
© Creuna Slide 54
4 hovedprinsipper Gjenkjennbart Anvendelig Forståelig Robust
12 retningslinjer
61 Suksesskriterier
WCAG 2.0
I NORGE
© Creuna Slide 55
Retningslinjer for tilgjengelig webinnhold (WCAG) 2.0 AA-gradering vil sannsynligvis være grunnlaget for universell utforming
Standard Norge Standard for tilgjengelige nettsteder Standard for tilgengelige dokumenter Standard for utforming av fysiske automater og brukerdialog
KVALITETSVURDERINGEN
© Creuna Slide 56
Delt inn i tre deler: Tilgjengelighet Brukertilpasning Nyttig innhold
70 kriterier
<80% i gjennomsnitt = 6 stjerner.
Gjennomføres på høsten hvert år
© Creuna Slide 57
«Kvalitetsvurderinga vil nok ikkje forsvinne sjølv om DTL trer i kraft, me vil prøve å få desse til å passe best mogleg saman. Det er berre del 1 av kriteriesettet som får konsekvensar av DTL og WCAG 2.0 (sett at det er WCAG som blir bestemt, slik det ser ut til). Del 2 (brukartilpassing) og del 3 (nyttig innhald) vil i liten grad ha påverknad av dette.»E-post frå Difi 25.03.2011
DTLVS
© Creuna Slide 58
Trippelsjekk resultatene! Poengsummen har i flere tilfeller blitt summert feil av difi. Rettinger som er gjort har ikke blitt tatt med i vurderingen Misforståelse av innhold Kriteriesett som burde ha blitt ignorert har blitt vurdert.
Tips
TILGJENGELIGHET - NØKKELEN TIL ØKT VERDI PÅ DITT NETTSTED
© Creuna Slide 59
Nettbruk er en utfordring for flere enn vi tror
Myndighetene krever at vi skjerper oss: Den nye diskriminerings- og tilgjengelighetsloven Gjeldene retningslinjer og standarder
Økt tilgjengelighet kan oppnås med enkle grep
ØKT TILGJENGELIGHET KAN OPPNÅS VED ENKLE GREP
Spill sammen med leverandøren.
Anvend anerkjente prinsipper for presentasjon og publisering av innhold.
3 ting du kan gjøre selv – nå.
© Creuna Slide 60
© Creuna Slide 61
Designer
UtviklerRedaktør
Eier
EIER
Er den som har ansvar for nettstedet.
Spesifisere løsningen Hvilket nivå skal den universelle
utformingen ligge på
Teste løsningen Bør gjøres sammen med
utvikler/designer
© Creuna Slide 62
DESIGNER
Utarbeide nettstedets layout og struktur.
Menystrukturer og navngivning.
Definere navigasjon.
Grafisk design.
..alt i henhold til muligheter og begrensninger.
© Creuna Slide 63
UTVIKLER
Utvikler den ferdige løsningen.
Utvikling basert på webstandarder.
Sørge for fallbackløsninger.
Legge inn funksjonalitet som forenkler webredaktørens oppgave.
© Creuna Slide 64
REDAKTØR
Den som foretar de daglige oppdateringene og passer på nettstedet.
Skrive for web.
Legge inn innhold korrekt i løsningen.
Sørge for alternativt innhold der hvor det er nødvendig.
© Creuna Slide 65
Skriv for web!
© Creuna Slide 67
Riktig bruk av overskrifter
© Creuna Slide 68
Lenker som gir mening
Alternative tekster på alle bilder
Tekstalternativer til video/multimedia
Tekstalternativer til video/multimedia
DE FORSKJELLIGE NIVÅENE PÅ VIDEOINNHOLD
A – Teksting og synstolkning på forhåndsinnspilt video. Alternativt innhold hvis ikke synstolkning er mulig.
AA – Teksting på direktesendt video, synstolkning på forhåndsinnspilt video.
AAA – Tegnspråk og utvidet synstolkning til forhåndsinnspilt video.
© Creuna Slide 72
Skal ikke medføre en uforholdsmessig byrde for virksomheten
© Creuna Slide 73
Farger kan ikke alene indikere viktig informasjon
© Creuna Slide 74
Mulighet for tekstforstørring
© Creuna Slide 75
Eller kanskje enda mer
© Creuna Slide 76
Tegnspråkversjon av lange tekster
© Creuna Slide 77
Søkeforslag mens du skriver
© Creuna Slide 78
Søkeforslag mens du skriver
© Creuna Slide 79
3 ting du kan gjøre selv.
1. SJEKK OM KODEN VALIDERER
Er koden din henhold til standarden? Alternative tekster på bilder? Riktig bruk av overskrifter? Tabeller blir brukt riktig?
Noen utvalgte verktøy:
Den offisielle HTML validatoren http://validator.w3.org/
Html Validator – gratis addon til FireFox https://addons.mozilla.org/en-US/firefox/addon/html-validator/
© Creuna Slide 80
© Creuna Slide 81Verfisert 11. april 2011
© Creuna Slide 82Verfisert 11. april 2011
© Creuna Slide 83Verfisert 26. april 2011
© Creuna Slide 84Verfisert 26. april 2011
© Creuna Slide 85Verfisert 26. april 2011
2. UNDERSØK KONTRASTER
Er lenkene synlig?
Kan informasjon misforstås uten riktige farger?
Noen utvalgte verktøy:
Windows sine egen innebygde kontrastendrer Shift + Alt + Print Screen
Color Oracle – gratisprogram for å teste fargeblindhet http://colororacle.cartography.ch/
ColorChecker – gratis addon til FireFox https://addons.mozilla.org/en-US/firefox/addon/wcag-contrast-checker/
© Creuna Slide 86
© Creuna Slide 87
Hva er lenker?
© Creuna Slide 88
Hva er lenker?
© Creuna Slide 89
Hva er lenker?
© Creuna Slide 91
3. BENYTT KUN TASTATUR I NAVIGASJON
Kan all informasjon og funksjonalitet nås og benyttes ved hjelp av tastatur.
Tilsvarer den samme måten som en leselist eller skjermleser fungerer.
…må du bruke mus har du tapt!
© Creuna Slide 92
© Creuna Slide 93
Ikke kostbart
Vil gi økt synlighet i
søkemotorer Er en lov du
må følges
Gir økt Return on investment
Er god forretningsstrate
gi
Er ikke vanskelig å
implementere
Gir deg flere
brukere
Er ikke stygt og kjedeligEr
framtidsrettet
TILGJENGELIGHET - NØKKELEN TIL ØKT VERDI PÅ DITT NETTSTED
Takk for oss!Denne presentasjonen og andre kan du se igjen på
video.creuna.no/
Meld deg på vårt nyhetsbrev på www.creuna.no
© Creuna Slide 94
© Creuna Slide 95
http://www.norskdesign.no/introduksjon/category8781.html
Recommended