tilgjengelighet - universitetet i oslo › studier › emner › matnat › ifi › in1030 ›...

17
Tilgjengelighet Kristoffer Lium Digital tilgjengelighetsekspert

Upload: others

Post on 01-Jul-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og

Tilgjengelighet

Kristoffer LiumDigital tilgjengelighetsekspert

Page 2: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og

😎🦯 Kristoffer Lium (28)Relevant informasjon👨💼

• Digital tilgjengelighetsekspert i NRK

• Bachelor i Informatikk fra HiØ

• Praktisk blind

Ikke sååå relevant informasjon... 😅😳• Kan sykle på enhjulssykkel• Lager mat og bor i min egen leilighet• Teknologientusiast. Storbruker av NRK-appene, Google Maps, Ruter, SoMe-apps

og Safari

Page 3: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og

😴🙄 Hvorfor gidde å følge med?

• Du kan gjøre en forskjell for brukeren og samfunnet

• Det er faglig interessant

• Det er økende behov for slik kompetanse

• Du får snart en oblig... 😝

Page 4: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og

Norgekunder / publikum

• Hørselshemmede

• Blinde og sterkt synshemmede

• Lese- og skrivevansker

• Personer over 67 år

• Innvandrere

800.000

180.000

200.000

770.000

740.000

Page 5: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og

Strategi = vi VIL 🙂Erfaring = lønner seg!

Loven = MÅ

Page 6: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og

🧭 Definisjoner• Teknisk tilgjengelighet = Mulig med input og output

• Brukervennlighet ≈ effektiv, forståelig og feiltolerant

• Universell utforming = Tilgjengelig og brukervennlig

• Tilrettelegging = Spesialtilpasning for enkeltgrupper/-behov

• Tilgjengelighet = Universell utforming + tilrettelegging (når det er eneste utvei)

«Making things easier to use, healthier and friendlier.» Ed Steinfeld

Page 7: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og

😖🥱 Lovkrav

• Lovfestet i Diskriminerings- og tilgjengelighetsloven (DTL)

• Tilnærmet alle ne"sider, apper og selvbetjeningsautomater er omfa"et

• Tilsynsmyndighet: Digitaliseringsdirektoratet (Digdir)

• Baserer seg på WCAG 2.0(snart 2.1) – nivå AA

• Vanskelig å forstå og dekker ikke alt, men var den beste standarden Digdir hadde

Page 8: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og

📺 Lydtekst

Lydtekst = oppleste undertekster med talesyntese

• Fungerer ved bruk av en skjermleser på ne", og i appene for iOS, Apple-TV 4K og Android-enheter

• Svært lite kode

• Ingen dri#skostnader 😲

Page 9: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og

👨💻👫☕Hvordan jobber jeg?

• Hovedfokus på tilgjengelighet på ne" og i NRK-appene

• Brenner for hele NRK

• Tenker, rådgir, prototyper og tester sammen med utviklereog designere

• Innser at jeg også går rundt og er «han blinde»,med alt det innebærer... 😉🦯😎☕

Page 10: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og

💡 Visste du at...

• Ca. 90 % bruker NRK daglig

• Ca. 10 millioner unike Yr-brukere sommeren 2019

• Ca. 180 personer jobber med nettsidene og appene til NRK

Page 11: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og
Page 12: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og

⚙ Core Components

• Et komponentbibliotek for ne", fristilt fra design

• Små og tilpasningsdyktige

• Laget for å gi brukeropplevelser i verdensklasse

• Testet med hovedfokus på tilgjengelighet

• Åpen kildekode: github.com/nrkno/core-components

Page 13: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og

🔧 Kode og semantikk• Semantikk: Navn, rolle og verdi

• Bruk standard GUI-elementer om mulig

• Mange muligheter med custom GUI-elementer, men krevende å gjøre tilgjengelig

• iOS: accessibility-label, -trait og –hint

• Android: content-description

• Ne": ARIA-a"ribu"er og hacks. Bruk minst mulig ARIA, og mest mulig semantiske tags

Page 14: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og

🔧 Tilgjengelige GUI gir god kode• Bruk tilgjengelighet som et argument for å bruke tid

på å gjøre ting skikkelig fra start

• Forsøk å gjenbruke komponenter – en feil kan re"es e" sted

• Tilgjengeliggjort GUI gir o#e mer gjennomtenkt, robust og vedlikeholdsvennlig kode

• Vær kritisk til kode du trekker inn i di" prosjekt, også komponenter fra de store og kjente

Page 15: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og

📜🖌 Design && uu != kjedelig• Reduser kompleksiteten

• Øk gjenkjennbarheten

• Ta utgangspunkt i konvensjoner

• Noen viktige nøkkelord: Kontrast, lesbarhet og visuell gruppering

«Constraints make good designers great, bad designers obvious» Elle Waters, @nethermind på Twitter

Page 16: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og

💡 Viktige suksessfaktorer• Forankring i ledelse og strategi

• Person/personer med armbind

• Bestillerkompetanse i forbindelse med innkjøp

• Kvalitetssikkringsrutiner

• Intern kompetanseheving

Page 17: Tilgjengelighet - Universitetet i oslo › studier › emner › matnat › ifi › IN1030 › ... · Norge kunder / publikum •Hørselshemmede •Blinde og sterkt synshemmede •Lese-og

Takk for oppmerksomheten J

Kristoffer LiumDigital tilgjengelighets ekspert