Universell utforming

Transkript

1 Universell utforming

2 Hvorfor gidde å følge med? Du kan gjøre en forskjell for brukere og samfunn Det er faktisk faglig interessant Økende behov for slik kompetanse Du får snart en Oblig...

3 Kristoffer Lium Relevant informasjon" Digital tilgjengelighetsekspert i NRK Utdannet informatiker fra Høgskolen i Østfold Praktisk blind

4 Kristoffer Lium Relevant informasjon" Digital tilgjengelighetsekspert i NRK Utdannet informatiker fra Høgskolen i Østfold Praktisk blind Ikke sååå relevant info Kan sykle på enhjulssykkel Lager mat og bor i min egen leilighet Teknologientusiast. Storbruker av NRK-apps, Whats App, Google Maps og Ruter-appene.

5 Visste du at? 85 % bruker NRK daglig (#samfunnsoppdrag) brukte Yr en uke sommeren 2018 Rundt regnet 180 personer jobber direkte med å lage NRK TV, NRK Radio, NRK Super, P3 og Yr.

6 $%& Definisjoner Teknisk tilgjengelighet = Mulig med input og output Brukervennlighet effektiv, forståelig og feiltolerant Universell utforming = Tilgjengelig og brukervennlig Tilre#elegging = Spesialtilpasning for enkeltgrupper/-behov. Tilgjengelighet = Universell utforming + tilre#elegging(når det er eneste utvei) Making things easier to use, healthier and friendlier. (Ed Steinfeld)

7 Hvem gjør vi dette for? 3 grupper funksjonshemmede Sansetap (hørsel, syn, førlighet ) Motorisk / bevegelseshemning Kognitiv svikt(slag, alderdom ) Situasjonelt funksjonshemmede Design for ekstremene og treff midten

8 Hvorfor bruke tid på UU? Fordi vi må Fordi vi vil Fordi vi kan

9 Hvorfor bruke tid på UU? Fordi vi må Lovkrav (basert på WCAG-standarden) Fordi vi vil Fordi vi kan

10 Hvorfor bruke tid på UU? Fordi vi må Lovkrav (basert på WCAG-standarden) Fordi vi vil "Innholdet har ikke noe verdi om ikke alle kan ta del i det". (Kringkastingssjef Thor Gjermund Eriksen Det er, og bør være, en integrert del av utviklingsarbeidet. Det gir uante sideeffekter og kan ikke skilles ut som en kostnad. Fordi vi kan

11 Hvorfor bruke tid på UU? Fordi vi må Lovkrav (basert på WCAG-standarden) Fordi vi vil "Innholdet har ikke noe verdi om ikke alle kan ta del i det". (Kringkastingssjef Thor Gjermund Eriksen) Det er, og bør være, en integrert del av utviklingsarbeidet. Det gir uante sideeffekter og kan ikke skilles ut som en kostnad. Fordi vi kan Vi har lisens for å være gode.

12 Hvorfor fokusere på UU? Fordi vi må Lovkrav (basert på WCAG-standarden) Fordi vi vil "Innholdet har ikke noe verdi om ikke alle kan ta del i det". (Kringkastingssjef Thor Gjermund Eriksen) Det er, og bør være, en integrert del av utviklingsarbeidet. Det gir uante sideeffekter og kan ikke skilles ut som en kostnad. Fordi vi kan Vi har lisens for å være gode.

13 Lovkrav og WCAG Alle nye eller redesignede løsninger re#et mot almenheten lansert e#er 1. juli 2014 skal være "universelt utformet". Gjelder både for privat og offentlig sektor, inkludert utdanningssektoren fra 1. Januar DTL baserer seg på WCAG 2.0 nivå AA(2.1 fra juli 2020). WCAG er veldig ne#siderelatert, men er ment teknologiagnostisk. Apps er derfor som o$est også omfa#et av lovverket. Omfa#er langt ifra alle potensielle utfordringer, men var den beste standarden Difi hadde.

14

15 Lydtekst i NRK TV Lydtekst = oppleste undertekster med talesyntese Fungerer ved bruk av en skjermleser på ne!, Apple-TV 4K og Android TV. Ingen dri"skostnader

16 "Lik meg"-klipp uten synstolking

17 "Lik meg"-klipp med synstolking

18 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 på twi#er)

19 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.

20 Tilgjengelige GUI gir god kode Bruk tilgjengelighet som et argument for å bruke tid på å gjøre ting skikkelig fra start. Forsøk å gjenbruk 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.

21 1 Hvordan jobber jeg i NRK? Hovedfokus på tilgjengelighet på ne! og i app-ene, men jobber og brenner for hele NRK. En del av Fellesteamet, fristilt fra prioriteringer Tenker, utvikler og tester sammen med utviklere og designere

22 1 Hvordan jobber jeg i NRK? Hovedfokus på tilgjengelighet på ne! og i app-ene, men jobber og brenner for hele NRK. En del av Fellesteamet, fristilt fra prioriteringer Tenker, utvikler og tester sammen med utviklere og designere Innser at jeg også går rundt og er "han blinde", med alt det innebærer...

23 Ressurser Difi sin side om universell utforming h#ps://uu.difi.no/krav-og-regelverk/wcag-20-standarden De 35 kravene i regelverket h#ps://uu.difi.no/krav-og-regelverk/wcag-20-standarden Tilgjengelighet på Android: h#ps://developer.android.com/guide/topics/ui/accessibility/ Tilgjengelighet på ios: h#ps://developer.apple.com/accessibility/ios/ Tilgjengelighet i NRK h#ps://