Tilgjengelighet - Nøkkelen til økt verdi på ditt nettsted

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


© Creuna Slide 5




© 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

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/

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

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


© Creuna Slide 36


Myndighetene krever at vi skjerper oss: Den nye diskriminerings- og

tilgjengelighetsloven Gjeldene retningslinjer og standarder


© 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:


© Creuna Slide 51




© 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

http://www.nordea.no/Privat/400004.html


© Creuna Slide 59




Ø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

http://validator.w3.org/

https://addons.mozilla.org/en-US/firefox/addon/html-validator/

© Creuna Slide 81Verfisert 11. 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

http://colororacle.cartography.ch/

https://addons.mozilla.org/en-US/firefox/addon/wcag-contrast-checker/

© 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


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

http://video.creuna.no/

http://www.creuna.no/

© Creuna Slide 95

http://www.norskdesign.no/introduksjon/category8781.html

http://www.norskdesign.no/introduksjon/category8781.html

Technology

Tilgjengelighet - Nøkkelen til økt verdi på ditt nettsted