Nettbrett og universell utforming - Analyse av applikasjoner

Transkript

1 Nettbrett og universell utforming - Analyse av applikasjoner Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se

2 Fakta om rapporten Oppdragsgiver: Utført av: Vår referanse: Undersøkelsens formål: Blindeforbundet / Kari Anne Flaa/ kaf@blindeforbundet.no Andreas Cederbom Torbjørn Helland Solhaug Torbjørn Helland Solhaug Ekspertgransking av appar for skolan. Føljande appar har ingått: Tidsperiode for undersøkelsen: Benyttet operativsystem: Android 4.1 ios Windows RT Teknisk utstyr: Samsung Galaxy Tab Samsung Galaxy Tab ipad 2 Asus VivoTab Smart Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 2 (116)

3 Funka Nu AB har gjennomført en ekspertgransking for å identifisere de største problemene med tanke på univesell utforming i enkelte populære app er for grunnskolen. Funkas metodikk er utviklet i nært samarbeid med handikappbevegelsen og alt vi anbefaler er testet ut i virkeligheten. Vår virksomhet bygger på de internasjonale retningslinjene for tilgjengelighet. Web Content Accessibility Guidelines 2.0 (WCAG 2.0). Funkas lange erfaring med tilgjengelighetsarbeid og tester med brukere med ulike behov og forutsetninger, med og uten hjelpemidler, viser at WCAG 2.0 ikke er tilstrekkelig alene. Vi har derfor utarbeidet våre egne testkriterier for punktene som kompletterer det internasjonale regelverket som offentlig sektor gjennom det norske lovverket er pålagt å følge. I 2009 fikk Funka i oppdrag av W3C å lage en autorisert oversettelse av WCAG 2.0 til svensk. Web Content Accessibility Guidelines 2.0 (WCAG 2.0) Den autoriserte svenske oversettingen av WCAG 2.0 World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) Les mer om Funka under overskriften Funka Nu AB på slutten av dette dokumentet. Om analysen Vi har laget en tilpasset sjekkliste for vurderingen av app ene, med utgangspunkt i vår fulle revisjon og retningslinjer for universell utforming av mobile grensesnitt. Vi har tatt for oss det som vi vurderer som de viktigste punktene, primært teknisk, og vurdert de samme punktene på alle app ene. Det er altså ikke en fullstendig gjennomgang av alt som kan være relevant med tanke på universell utforming. For eksempel kreves det i flere tilfeller en mer omfattende pedagogisk og innholdsmessig gjennomgang for å løfte alle aspekter som kan være problematiske for brukerne. Om brukerne Spekteret av funksjonsnedsettinger en bruker kan ha er ganske betydelig. Dessuten kan dette være snakk om både midlertidige, situasjonsbetingede og permanente problemer for brukeren. For mer detaljer rundt brukernes forutsetinger og behov, se rapporten Nettbrett og universell utforming hovedrapport. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 3 (116)

4 Sammendrag Alle nettbrettplattformene har retningslinjer for hvordan applikasjoner skal utvikles for å bli tilgjengelige. Det viser seg ganske tydelig på alle plattformene at disse retningslinjene ofte ikke følges. Dette kan være grunnet uvitenhet eller manglende kompetanse hos utviklerne. Vi ser også at utviklere ikke alltid tenker over spekteret av brukere. For eksempel er enkelte app er basert på håndskrift uten å ha skjermtastatur som alternativ, noe som kan være krevende for enkelte brukere med motoriske funksjonsnedsettinger. Enkelte applikasjoner har et svært enkelt grensesnitt der alt har sin klare misjon, mens andre er fulle av visuelt jevntunge objekter, slik at brukere med konsentrasjonsvansker eller kognitive funksjonsnedsettinger vil streve med å velge riktig objekt. Mange applikasjoner fungerer ikke tilfredsstillende sammen med opplesende hjelpemiddel på nettbrettet. I tillegg er det applikasjoner der skjermleseren kommer i veien for bruk av applikasjonen, fordi skjermleseren overtar fingergestene som er tenkt å bli brukt for å løse oppgavene. Dermed utestenges brukere som har behov for opplesing. Dette gjelder ikke bare blinde, men også svaksynte og brukere med lesevansker. Derfor bør opplesing alltid fungere, også i applikasjoner som er sterkt visuelle av karakter og kanskje uegnet for blinde brukere. Det kan se ut som om objekter i Windows-app er ikke trenger spesiell tilpasning for å gi informasjon til den innebygde skjermleseren, ettersom det aller meste kan leses opp. Derimot kreves det fremdeles bevisste handlinger fra utviklerne for at informasjonen som leses opp gir mening. Totalt sett ser vi at det finnes applikasjoner for en rekke undervisningsrelaterte formål, men at utvalget er så stort, og kvaliteten så varierende, at det kan være vanskelig å finne gode applikasjoner som fungerer for alle elever. Videre er det norske språket en underdog i den store verden, og særlig på Windows er det langt mellom app er som finnes på norsk. Funka Nu AB, Oslo Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 4 (116)

5 Innhold Fakta om rapporten Sammendrag... 4 Innhold... 5 Innledning... 6 Resultat... 7 imotion HD (ios)... 7 Adding Apples HD norsk (ios) Sight Words (ios) bruk av app en Sight Words (ios) modifisering av app en Little Speller (ios) Staver n (ios) Dragon Box + (Android) Smart Tools (Android) MathBoard (Android) Slice It! (Android) MathBoard (Windows RT) Kid s Learning HD (Windows RT) Memory Trainer (Windows RT) Funka Nu AB Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 5 (116)

6 Innledning Når vi jobber med universell utforming i digitale miljø baserer vi oss på de internasjonale retningslinjene for universell utforming, Web Content Accessibility Guidelines 2.0 (WCAG 2.0). Disse retningslinjene er grunnlaget for paragrafene i Diskriminerings- og Tilgjengelighetsloven (DTL) av 2009 som handler om universell utforming innen IKT. Når det gjelder nettbrett er ikke disse retningslinjene tilstrekkelig, ettersom de ble skrevet før berøringsskjermer ble allemannseie, og ikke har klart å integrer kriterier som dekker funksjonaliteten berøringsskjermer gir. I 2011 gjennomførte Funka et prosjekt for å definere åpne retningslinjer for universelt utformede mobilgrensesnitt. Disse ble publisert i januar 2012 på Funkas nettsted ( Vi har valgt å ta inn deler av denne som basis i vurderingen av app er. Resultatet er en sjekkliste som dels baserer seg på WCAG 2.0 og dels på Funkas retningslinjer "Tilgjengelige mobilgrensesnitt". For hvert av punktene får hver av de bedømte app ene en bedømming, med følgende alternativ: - Oppfylt - Delvis oppfylt - Ikke oppfylt - Ikke relevant / Ikke vurdert Vi har identifisert en del app er på ios og Android som benyttes i grunnskolen. Enkelte av disse eksisterer både for ipad, Windows og Android-baserte nettbrett. Videre er det vanskelig å finne norskspråklige undervisningsrelaterte app er på Windows RT, så der har vi valgt å teste et utvalg høyt rangerte app er som kan fungere på grunnskolenivå. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 6 (116)

7 Oppfylt Delvis oppfylt Ikke oppfylt Ikke relevant / Ikke vurdert Resultat imotion HD (ios) imotion HD er en app utelukkende for ios. App en lar brukeren lage animasjonsfilmer gjennom ulike modus, og er derfor lite egnet for blinde brukere. Sjekkliste Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen 3. Overskrifter er markert som overskrifter Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet Visuell utforming 7. Klikkbare objekt er rimelig store 8. Det skal være visuelt tydelig hva som er klikkbart 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet 10. Bruk gode kontraster 11. Bruk ikke bare farge som informasjonsbærer Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 7 (116)

8 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren 14. Gi brukeren tilbakemelding 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem Bilder, knapper, skjemafelt og tekster må legges inn med teknikker som gjør skjermlesere for svaksynte og brukere med lese- og skrivevansker i stand til å lese opp informasjon om dem. Dette gjøres på ulike måter avhengig av om det er HTML, en iphone app, Android app eller et program i Windows 8. WCAG 2.0: 1.1.1, 1.3.1, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 5, 6, 8, 9 Av de få knappene som faktisk har fått lagt inn informasjon er de fleste svært kryptiske. For eksempel leses knappen new movie opp som home new krøllalfa 2ks tilde iphone. 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen Enkelte applikasjoner kan være beregnet på at brukeren må se innholdet på skjermen. Eksempel på dette er at brukeren skal tegne spesifikke figurer, mønstre eller lignende for å utføre oppgaver eller funksjoner. Dette vil resultere i ikke bestått på dette punktet. Dersom hele den pedagogiske idéen bygger rundt dette prinsippet kan det være et akseptabelt unntak, men det vil likevel være et problem både for sterk svaksynte brukere og brukere med motoriske funksjonsnedsettelser. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 8 (116)

9 Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 35 Ettersom applikasjonen benyttes for å lage animasjonsfilm, kreves det i praksis at brukeren må kunne se for å benytte applikasjonen. 3. Overskrifter er markert som overskrifter Om det i teknikken finnes mulighet til å definere overskrifter så skal det gjøres for tekster som faktisk er overskrifter. I HTML benyttes for eksempel H1-H6 elementene for dette. Det gjør det mulig for sterkt svaksynte brukere at raskt få en overblikk over informasjonen ved å hoppe fra overskrift til overskrift i teksten. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 44 Enkelte overskrifter er lagt inn som bilde uten alt-tekst, andre overskrifter er bare ren tekst. Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte Dette handler om flere ting: En forstørring/zoomfunksjon i operativsystemet skal fungere i grensesnittet Om grensesnittet vises i en nettleser så skal den normale forstørring/forminskingfunksjonaliteten i nettleseren fungere Om operativsystemet ikke har noen forstørringsfunksjon og grensesnittet ikke vises i et program som tilbyr en sådan så må programmet selv gjøre det mulig å forstørre og forminske teksten. WCAG 2.0: 1.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 7, 23, 34, 46 Den innebygde zoomen til ios fungerer tilfredsstillende. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 9 (116)

10 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger Så langt som mulig skal grensesnittet kunne opereres med bare én finger. Dette kan kreve at knapper skjules og vises ut fra hvor på skjermen brukeren peker eller klikker Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 36 Alle funksjoner i app en kan benyttes med én finger. 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet På en ipad finnes bare volumkontroll, men på for eksempel Android-enheter er det vanligvis både en menyknapp og en tilbakeknapp. Særlig sistnevnte må fungere riktig, hvis ikke vil klikk på denne avslutte applikasjonen, med risiko for å miste arbeid eller progresjon. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 30 Visuell utforming 7. Klikkbare objekt er rimelig store Størrelsen på knapper og andre klikkbare objekt er viktig for alle brukere, men ikke minst for brukere med motoriske funksjonsnedsettelser. Eksakt hva som er en tilstrekkelig stor klikkflate varierer ut fra situasjonen, men et bra grunnprinsipp er at klikkflaten tilsvarer én teksthøyde ene veien og tre teksthøyder andre veien. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 18 Alle knapper har gode størrelser. Også skyveknapper er endret for at det skal være lett å få tak på dem. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 10 (116)

11 8. Det skal være visuelt tydelig hva som er klikkbart For at brukeren skal kunne forstå hvordan grensesnittet fungerer, og ikke gå glipp av viktige funksjoner og informasjon, er det viktig at det som er klikkbart også ser ut til å være klikkbart. I enkelte situasjoner gir sammenhengen tydelige indikasjoner, men langt fra alltid. Er det snakk om et lottospill med et antall brikker lagt ut kan vi anse at utformingen gjør at brukeren bør forstå at brikkene er klikkbare. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 26 I all hovedsak bra og konsistent. Eneste trekket er at thumbnails av dine siste filmer ikke ser klikkbare ut. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 11 (116)

12 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet Objekters funksjon skal fremgå tydelig. Dette handler både om størrelse, plassering og utforming. Dersom flere sider eller skjermbilder inneholder objekt med samme funksjon, bør disse objektene såfremt mulig ha samme utforming og plassering på alle sider/skjermbilder. WCAG 2.0: 1.3.3, 3.2.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Noe ustrukturert sammenheng mellom de ulike sidene i applikasjonen gjør at brukeren tidvis må lete noe kronglete etter funksjoner. 10. Bruk gode kontraster Kontrastene bør følge WCAG s anbefalinger om kontraster. I mobile grensesnitt bør WCAG s strenge punkt om kontraster (1.4.6) følges i så stor grad som mulig, og ingen unntak mot det snillere punktet (1.4.3) er akseptable. Ved målinger av kontraster benytter vi Color Contrast Analyser ( WCAG 2.0: 1.4.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 27 Grensesnittet er svært enkelt, med utelukkende hvit og gråmelerte farger. Men kontrasten er under pari i flere tilfeller. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 12 (116)

13 11. Bruk ikke bare farge som informasjonsbærer Det skal være mulig å tolke grensesnittet, forstå informasjonen og funksjonaliteten selv om man ikke oppfatter farger. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Alt i grensesnittet er gråtoner. I den grad det brukes fargekoding er det gjennom endring av gråtone. Samtidig brukes grafisk utforming for å angi hva som er valgt. 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum For å gjøre det enklere for brukere med små skjermer er det bra å begrense mengden objekt og tekst som vises. Et rotete grensesnitt med mange objekt og funksjoner gjør det ofte vanskelig for personer med kognitive Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 13 (116)

14 funksjonsnedsettelser og brukere med konsentrasjonsvansker. Et rent og tydelige grensesnitt oppleves som enklere av alle brukere. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 24 Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren Det finnes nesten alltid behov for å gi instruksjoner og hjelp til brukeren. Når brukeren har behov for instruksjoner og hjelp skal det ikke kreves at denne må lete rundt i grensesnittet, det skal være enkelt å finne og åpne. Det er også viktig at instruksjonene faktisk hjelper brukeren, og er skrevet i en form som retter seg mot nybegynnere. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Hjelp-funksjonen er bare mulig å åpne fra app ens hjem-skjerm. Dessuten er det ikke dette skjermbildet som åpnes når app en startes, det er nemlig skjermbildet for å lage ny film. For å få tilgang til det lille som er av hjelp må derfor brukeren først prøve å lage en film, kanskje mislykkes, deretter klikke til app ens hjemskjerm, hvor hjelpen kan finnes. 14. Gi brukeren tilbakemelding Det handler både om å gi tilbakemelding når brukeren gjør noe i grensesnittet, og å gi forståelige feilmeldinger når noe har blitt feil. Om brukeren klikker på en knapp bør skjerminnholdet umiddelbart endres, eller så bør brukeren få informasjon om at grensesnittet arbeider. Om det blir feil må det vises med en tydelig feilmelding og med instruksjoner om hvordan man korrigerer feilen. WCAG 2.0: 1.3.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 39, 40, 42 App en ønsker bekreftelse i en del situasjoner som kan resultere i tap av arbeid. Dette er bra, men plasseringen av disse feilmeldingene er langt unna knappene Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 14 (116)

15 som trigger meldingene, noe som blir et problem for brukere som benytter forstørring. 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Dette er ekstra viktig i applikasjoner ettersom brukeren ofte kan ha vanskelig for å finne tilbake til applikasjonen uten å starte den om igjen. WCAG 2.0: 2.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Ingen lenker eller knapper til eksterne grensesnitt er funnet. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 15 (116)

16 Oppfylt Delvis oppfylt Ikke oppfylt Ikke relevant / Ikke vurdert Adding Apples HD norsk (ios) App en lar brukeren trene på enkel summering ved å telle epler. Sjekkliste Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen 3. Overskrifter er markert som overskrifter Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet Visuell utforming 7. Klikkbare objekt er rimelig store 8. Det skal være visuelt tydelig hva som er klikkbart 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet 10. Bruk gode kontraster 11. Bruk ikke bare farge som informasjonsbærer 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 16 (116)

17 14. Gi brukeren tilbakemelding 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem Bilder, knapper, skjemafelt og tekster må legges inn med teknikker som gjør skjermlesere for svaksynte og brukere med lese- og skrivevansker i stand til å lese opp informasjon om dem. Dette gjøres på ulike måter avhengig av om det er HTML, en iphone app, Android app eller et program i Windows 8. WCAG 2.0: 1.1.1, 1.3.1, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 5, 6, 8, 9 Ingen objekter kan leses opp med VoiceOver, og dessuten fungerer ingen av knappene i spillet når VoiceOver er på. 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen Enkelte applikasjoner kan være beregnet på at brukeren må se innholdet på skjermen. Eksempel på dette er at brukeren skal tegne spesifikke figurer, mønstre eller lignende for å utføre oppgaver eller funksjoner. Dette vil resultere i ikke bestått på dette punktet. Dersom hele den pedagogiske idéen bygger rundt dette prinsippet kan det være et akseptabelt unntak, men det vil likevel være et problem både for sterk svaksynte brukere og brukere med motoriske funksjonsnedsettelser. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 35 Selve epletellingen kan tenkes å være vanskelig uten å se skjermen, men resten av grensesnittet kunne helt fint fungert uten å se skjermen, så lenge oppmerkingen og funksjonaliteten hadde fungert, noe den altså ikke gjør. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 17 (116)

18 3. Overskrifter er markert som overskrifter Om det i teknikken finnes mulighet til å definere overskrifter så skal det gjøres for tekster som faktisk er overskrifter. I HTML benyttes for eksempel H1-H6 elementene for dette. Det gjør det mulig for sterkt svaksynte brukere at raskt få en overblikk over informasjonen ved å hoppe fra overskrift til overskrift i teksten. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 44 Ettersom opplesing ikke fungerer, er det ikke mulig å si noe om overskriftmarkering. Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte Dette handler om flere ting: En forstørring/zoomfunksjon i operativsystemet skal fungere i grensesnittet Om grensesnittet vises i en nettleser så skal den normale forstørring/forminskingfunksjonaliteten i nettleseren fungere Om operativsystemet ikke har noen forstørringsfunksjon og grensesnittet ikke vises i et program som tilbyr en sådan så må programmet selv gjøre det mulig å forstørre og forminske teksten. WCAG 2.0: 1.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 7, 23, 34, 46 Den innebygde zoomen til ios fungerer tilfredsstillende. 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger Så langt som mulig skal grensesnittet kunne opereres med bare én finger. Dette kan kreve at knapper skjules og vises ut fra hvor på skjermen brukeren peker eller klikker Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 36 Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 18 (116)

19 Alle funksjoner i app en kan benyttes med én finger, men det er ingen innebygd zoom, slik at zooming skjer på OS-nivå og krever flerfingergester. 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet På en ipad finnes bare volumkontroll, men på for eksempel Android-enheter er det vanligvis både en menyknapp og en tilbakeknapp. Særlig sistnevnte må fungere riktig, hvis ikke vil klikk på denne avslutte applikasjonen, med risiko for å miste arbeid eller progresjon. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 30 Visuell utforming 7. Klikkbare objekt er rimelig store Størrelsen på knapper og andre klikkbare objekt er viktig for alle brukere, men ikke minst for brukere med motoriske funksjonsnedsettelser. Eksakt hva som er en tilstrekkelig stor klikkflate varierer ut fra situasjonen, men et bra grunnprinsipp er at klikkflaten tilsvarer én teksthøyde ene veien og tre teksthøyder andre veien. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 18 Alle knapper har gode størrelser. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 19 (116)

20 8. Det skal være visuelt tydelig hva som er klikkbart For at brukeren skal kunne forstå hvordan grensesnittet fungerer, og ikke gå glipp av viktige funksjoner og informasjon, er det viktig at det som er klikkbart også ser ut til å være klikkbart. I enkelte situasjoner gir sammenhengen tydelige indikasjoner, men langt fra alltid. Er det snakk om et lottospill med et antall brikker lagt ut kan vi anse at utformingen gjør at brukeren bør forstå at brikkene er klikkbare. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 26 I all hovedsak bra og konsistent. Eneste trekket er pengeknappen nede til venstre som leder til statistikkside; denne kan forveksles med en markering av at det er her pengene puttes inn, men denne er ikke nødvendig for å bruke spillet. 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet Objekters funksjon skal fremgå tydelig. Dette handler både om størrelse, plassering og utforming. Dersom flere sider eller skjermbilder inneholder objekt med samme funksjon, bør disse objektene såfremt mulig ha samme utforming og plassering på alle sider/skjermbilder. WCAG 2.0: 1.3.3, 3.2.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 20 (116)

21 Det er noe uklart på startskjermen hvor man klikker for å velge og hvor man klikker for å endre en bruker. Selve spillknappene fungerer greit, men knappen for å finne innstillinger og knappen for å hente statistikk er noe diskret. 10. Bruk gode kontraster Kontrastene bør følge WCAG s anbefalinger om kontraster. I mobile grensesnitt bør WCAG s strenge punkt om kontraster (1.4.6) følges i så stor grad som mulig, og ingen unntak mot det snillere punktet (1.4.3) er akseptable. Ved målinger av kontraster benytter vi Color Contrast Analyser ( WCAG 2.0: 1.4.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Bruk ikke bare farge som informasjonsbærer Det skal være mulig å tolke grensesnittet, forstå informasjonen og funksjonaliteten selv om man ikke oppfatter farger. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Eplene hentes inn i to runder med to ulike farger. Fargen er informasjon om hvilken av de to gruppene eplet opprinnelig tilhørte, men det er ikke helt påkrevd for å løse oppgaven. Derimot er det bare farge som indikerer om en av nummertastene er valgt eller ikke. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 21 (116)

22 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum For å gjøre det enklere for brukere med små skjermer er det bra å begrense mengden objekt og tekst som vises. Et rotete grensesnitt med mange objekt og funksjoner gjør det ofte vanskelig for personer med kognitive funksjonsnedsettelser og brukere med konsentrasjonsvansker. Et rent og tydelige grensesnitt oppleves som enklere av alle brukere. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 24 Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren Det finnes nesten alltid behov for å gi instruksjoner og hjelp til brukeren. Når brukeren har behov for instruksjoner og hjelp skal det ikke kreves at denne må lete rundt i grensesnittet, det skal være enkelt å finne og åpne. Det er også viktig at instruksjonene faktisk hjelper brukeren, og er skrevet i en form som retter seg mot nybegynnere. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 22 (116)

23 Selv om spillets funksjon er relativ enkel, er det likevel relevant med informasjon om hvordan spillet fungerer. Dette eksisterer ikke. 14. Gi brukeren tilbakemelding Det handler både om å gi tilbakemelding når brukeren gjør noe i grensesnittet, og å gi forståelige feilmeldinger når noe har blitt feil. Om brukeren klikker på en knapp bør skjerminnholdet umiddelbart endres, eller så bør brukeren få informasjon om at grensesnittet arbeider. Om det blir feil må det vises med en tydelig feilmelding og med instruksjoner om hvordan man korrigerer feilen. WCAG 2.0: 1.3.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 39, 40, Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Dette er ekstra viktig i applikasjoner ettersom brukeren ofte kan ha vanskelig for å finne tilbake til applikasjonen uten å starte den om igjen. WCAG 2.0: 2.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: De lenkene som leder til andre grensesnitt er klart annerledes enn andre objekter, men det er ingen tydelig indikasjon at det leder ut av grensesnittet. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 23 (116)

24 Oppfylt Delvis oppfylt Ikke oppfylt Ikke relevant / Ikke vurdert Sight Words (ios) bruk av app en Sight Words er en applikasjon der brukeren kan lære seg ord ved å se og høre ordet samtidig, enten alene eller sammen med andre ord der det riktige skal velges. Applikasjonen er opprinnelig på engelsk, men den kan modifiseres til norske ord, med uttale som leses inn av lærer eller foresatt. Med tanke på at disse skal brukes i undervisning, er det viktig at alle har de samme modifiseringene, og dette bør helst ikke være tidkrevende å få til. Det er ingen tydelig informasjon om hvordan dette gjøres på en enkel måte, og søk etter informasjon på internett var ikke så lett. Løsningen er icloud, men dette ser ut til å kreve prøving og feiling. Dermed kreves det at kunnskapen distribueres blant de som tilpasser app ene. Vi har valgt å dele vurderingen i to en del for brukssituasjonen som eleven/spilleren opplever, og en del for hvordan lærer eller foresatt gjør endringer i applikasjonen. Denne seksjonen bruk av app en omhandler brukermoduset som elevene opplever, mens den andre seksjonen modifisering av app en omhandler adminstratormoduset som lærer eller foresatt benytter for å tilpasse app en. Sjekkliste Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen 3. Overskrifter er markert som overskrifter Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 24 (116)

25 Visuell utforming 7. Klikkbare objekt er rimelig store 8. Det skal være visuelt tydelig hva som er klikkbart 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet 10. Bruk gode kontraster 11. Bruk ikke bare farge som informasjonsbærer 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren 14. Gi brukeren tilbakemelding 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem Bilder, knapper, skjemafelt og tekster må legges inn med teknikker som gjør skjermlesere for svaksynte og brukere med lese- og skrivevansker i stand til å lese opp informasjon om dem. Dette gjøres på ulike måter avhengig av om det er HTML, en iphone app, Android app eller et program i Windows 8. WCAG 2.0: 1.1.1, 1.3.1, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 5, 6, 8, 9 Denne app en er ment å trene på lesing ved å koble et skrevet ord mot et opplest ord. Dette vil ikke fungere for blinde brukere; det handler ikke om staving. Ettersom opplesing av ordet er innebygd i applikasjonen vurderer vi dette punktet som ikke relevant for denne app en. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 25 (116)

26 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen Enkelte applikasjoner kan være beregnet på at brukeren må se innholdet på skjermen. Eksempel på dette er at brukeren skal tegne spesifikke figurer, mønstre eller lignende for å utføre oppgaver eller funksjoner. Dette vil resultere i ikke bestått på dette punktet. Dersom hele den pedagogiske idéen bygger rundt dette prinsippet kan det være et akseptabelt unntak, men det vil likevel være et problem både for sterk svaksynte brukere og brukere med motoriske funksjonsnedsettelser. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 35 Denne app en er ment å trene på lesing ved å koble et skrevet ord mot et opplest ord. Dette vil ikke fungere for blinde brukere; det handler ikke om staving. Ettersom opplesing av ordet er innebygd i applikasjonen vurderer vi dette punktet som ikke relevant for denne app en. 3. Overskrifter er markert som overskrifter Om det i teknikken finnes mulighet til å definere overskrifter så skal det gjøres for tekster som faktisk er overskrifter. I HTML benyttes for eksempel H1-H6 elementene for dette. Det gjør det mulig for sterkt svaksynte brukere at raskt få en overblikk over informasjonen ved å hoppe fra overskrift til overskrift i teksten. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 44 Denne app en er ment å trene på lesing ved å koble et skrevet ord mot et opplest ord. Dette vil ikke fungere for blinde brukere; det handler ikke om staving. Ettersom opplesing av ordet er innebygd i applikasjonen vurderer vi dette punktet som ikke relevant for denne app en. Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte Dette handler om flere ting: En forstørring/zoomfunksjon i operativsystemet skal fungere i grensesnittet Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 26 (116)

27 Om grensesnittet vises i en nettleser så skal den normale forstørring/forminskingfunksjonaliteten i nettleseren fungere Om operativsystemet ikke har noen forstørringsfunksjon og grensesnittet ikke vises i et program som tilbyr en sådan så må programmet selv gjøre det mulig å forstørre og forminske teksten. WCAG 2.0: 1.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 7, 23, 34, 46 Den innebygde zoomen til ios fungerer tilfredsstillende. Brukeren kommer videre til neste ord på samme måte som uten forstørring. Det skal også sies at tekststørrelsen på ordene som skal læres er ganske stor i utgangspunktet. 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger Så langt som mulig skal grensesnittet kunne opereres med bare én finger. Dette kan kreve at knapper skjules og vises ut fra hvor på skjermen brukeren peker eller klikker Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 36 Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 27 (116)

28 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet På en ipad finnes bare volumkontroll, men på for eksempel Android-enheter er det vanligvis både en menyknapp og en tilbakeknapp. Særlig sistnevnte må fungere riktig, hvis ikke vil klikk på denne avslutte applikasjonen, med risiko for å miste arbeid eller progresjon. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 30 Ikke relevant på ios. Visuell utforming 7. Klikkbare objekt er rimelig store Størrelsen på knapper og andre klikkbare objekt er viktig for alle brukere, men ikke minst for brukere med motoriske funksjonsnedsettelser. Eksakt hva som er en tilstrekkelig stor klikkflate varierer ut fra situasjonen, men et bra grunnprinsipp er at klikkflaten tilsvarer én teksthøyde ene veien og tre teksthøyder andre veien. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 18 Flere av knappene for å endre innstillingene er så små at presisjonen blir krevende for enkelte brukere. Det samme gjelder knappene for å huske eller gjenta et ord. Funka Nu AB Döbelnsgatan 21, Stockholm (116)

29 8. Det skal være visuelt tydelig hva som er klikkbart For at brukeren skal kunne forstå hvordan grensesnittet fungerer, og ikke gå glipp av viktige funksjoner og informasjon, er det viktig at det som er klikkbart også ser ut til å være klikkbart. I enkelte situasjoner gir sammenhengen tydelige indikasjoner, men langt fra alltid. Er det snakk om et lottospill med et antall brikker lagt ut kan vi anse at utformingen gjør at brukeren bør forstå at brikkene er klikkbare. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 26 Det er ingen indikasjon av hva som skal til for å gå videre til neste ord i læringsmodus, så ferske brukere som ikke får veiledning må prøve seg frem. Nå er det ikke spesielt vanskelig, men det hadde ikke skadet med en liten indikasjon. 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet Objekters funksjon skal fremgå tydelig. Dette handler både om størrelse, plassering og utforming. Dersom flere sider eller skjermbilder inneholder objekt med samme funksjon, bør disse objektene såfremt mulig ha samme utforming og plassering på alle sider/skjermbilder. WCAG 2.0: 1.3.3, 3.2.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 29 (116)

30 Nyttige funksjoner som å huske eller gjenta ord er gjemt bort oppe til høyre, som er et område mange brukere ignorerer. Rett nok er det mange knapper i ios som er plassert her, men kombinert med en svært nøytral utforming er det ikke sikkert brukerne blir klar over disse mulighetene. 10. Bruk gode kontraster Kontrastene bør følge WCAG s anbefalinger om kontraster. I mobile grensesnitt bør WCAG s strenge punkt om kontraster (1.4.6) følges i så stor grad som mulig, og ingen unntak mot det snillere punktet (1.4.3) er akseptable. Ved målinger av kontraster benytter vi Color Contrast Analyser ( WCAG 2.0: 1.4.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 27 En del meny- og funksjonsknapper har til dels svært dårlig kontrast, særlig knappene for å huske eller gjenta ord. 11. Bruk ikke bare farge som informasjonsbærer Det skal være mulig å tolke grensesnittet, forstå informasjonen og funksjonaliteten selv om man ikke oppfatter farger. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: I oppgavemodus brukes både farge, illustrasjon og stemme for å tydeliggjøre valget som brukeren har gjort. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 30 (116)

31 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum For å gjøre det enklere for brukere med små skjermer er det bra å begrense mengden objekt og tekst som vises. Et rotete grensesnitt med mange objekt og funksjoner gjør det ofte vanskelig for personer med kognitive funksjonsnedsettelser og brukere med konsentrasjonsvansker. Et rent og tydelige grensesnitt oppleves som enklere av alle brukere. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 24 I spillmodus er det begrenset med objekter. Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren Det finnes nesten alltid behov for å gi instruksjoner og hjelp til brukeren. Når brukeren har behov for instruksjoner og hjelp skal det ikke kreves at denne må lete rundt i grensesnittet, det skal være enkelt å finne og åpne. Det er også viktig at instruksjonene faktisk hjelper brukeren, og er skrevet i en form som retter seg mot nybegynnere. WCAG 2.0: Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 31 (116)

32 Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Det finnes en god del informasjon om hvordan applikasjonen kan tilpasses, men informasjon om hvordan app en brukes er både begrenset og noe vanskelig skrevet, og dessuten på engelsk. 14. Gi brukeren tilbakemelding Det handler både om å gi tilbakemelding når brukeren gjør noe i grensesnittet, og å gi forståelige feilmeldinger når noe har blitt feil. Om brukeren klikker på en knapp bør skjerminnholdet umiddelbart endres, eller så bør brukeren få informasjon om at grensesnittet arbeider. Om det blir feil må det vises med en tydelig feilmelding og med instruksjoner om hvordan man korrigerer feilen. WCAG 2.0: 1.3.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 39, 40, 42 I oppgavemodus er det tydelig tilbakemelding både ved korrekt og feil svar. 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Dette er ekstra viktig i applikasjoner ettersom brukeren ofte kan ha vanskelig for å finne tilbake til applikasjonen uten å starte den om igjen. WCAG 2.0: 2.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Det er tydelig forskjell på utformingen av objekter som starter oppgaver og de som åpner nye grensesnitt, men det er ingen gruppering eller tydeliggjøring av at det faktisk er andre grensesnitt som vil bli åpnet. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 32 (116)

33 Oppfylt Delvis oppfylt Ikke oppfylt Ikke relevant / Ikke vurdert Sight Words (ios) modifisering av app en Sight Words er en applikasjon der brukeren kan lære seg ord ved å se og høre ordet samtidig, enten alene eller sammen med andre ord der det riktige skal velges. Applikasjonen er opprinnelig på engelsk, men den kan modifiseres til norske ord, med uttale som leses inn av lærer eller foresatt. Med tanke på at disse skal brukes i undervisning, er det viktig at alle har de samme modifiseringene, og dette bør helst ikke være tidkrevende å få til. Det er ingen tydelig informasjon om hvordan dette gjøres på en enkel måte, og søk etter informasjon på internett var ikke så lett. Løsningen er icloud, men dette ser ut til å kreve prøving og feiling. Dermed kreves det at kunnskapen distribueres blant de som tilpasser app ene. Vi har valgt å dele vurderingen i to en del for brukssituasjonen som eleven/spilleren opplever, og en del for hvordan lærer eller foresatt gjør endringer i applikasjonen. Denne seksjonen bruk av app en omhandler brukermoduset som elevene opplever, mens den andre seksjonen modifisering av app en omhandler adminstratormoduset som lærer eller foresatt benytter for å tilpasse app en. Sjekkliste Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen 3. Overskrifter er markert som overskrifter Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 33 (116)

34 Visuell utforming 7. Klikkbare objekt er rimelig store 8. Det skal være visuelt tydelig hva som er klikkbart 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet 10. Bruk gode kontraster 11. Bruk ikke bare farge som informasjonsbærer 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren 14. Gi brukeren tilbakemelding 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem Bilder, knapper, skjemafelt og tekster må legges inn med teknikker som gjør skjermlesere for svaksynte og brukere med lese- og skrivevansker i stand til å lese opp informasjon om dem. Dette gjøres på ulike måter avhengig av om det er HTML, en iphone app, Android app eller et program i Windows 8. WCAG 2.0: 1.1.1, 1.3.1, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 5, 6, 8, 9 Denne app en er ment å trene på lesing ved å koble et skrevet ord mot et opplest ord. Dette vil ikke fungere for blinde brukere; det handler ikke om staving. Ettersom opplesing av ordet er innebygd i applikasjonen vurderer vi dette punktet som ikke relevant for denne app en. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 34 (116)

35 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen Enkelte applikasjoner kan være beregnet på at brukeren må se innholdet på skjermen. Eksempel på dette er at brukeren skal tegne spesifikke figurer, mønstre eller lignende for å utføre oppgaver eller funksjoner. Dette vil resultere i ikke bestått på dette punktet. Dersom hele den pedagogiske idéen bygger rundt dette prinsippet kan det være et akseptabelt unntak, men det vil likevel være et problem både for sterk svaksynte brukere og brukere med motoriske funksjonsnedsettelser. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 35 Denne app en er ment å trene på lesing ved å koble et skrevet ord mot et opplest ord. Dette vil ikke fungere for blinde brukere; det handler ikke om staving. Ettersom opplesing av ordet er innebygd i applikasjonen vurderer vi dette punktet som ikke relevant for denne app en. 3. Overskrifter er markert som overskrifter Om det i teknikken finnes mulighet til å definere overskrifter så skal det gjøres for tekster som faktisk er overskrifter. I HTML benyttes for eksempel H1-H6 elementene for dette. Det gjør det mulig for sterkt svaksynte brukere at raskt få en overblikk over informasjonen ved å hoppe fra overskrift til overskrift i teksten. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 44 Denne app en er ment å trene på lesing ved å koble et skrevet ord mot et opplest ord. Dette vil ikke fungere for blinde brukere; det handler ikke om staving. Ettersom opplesing av ordet er innebygd i applikasjonen vurderer vi dette punktet som ikke relevant for denne app en. Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte Dette handler om flere ting: En forstørring/zoomfunksjon i operativsystemet skal fungere i grensesnittet Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 35 (116)

36 Om grensesnittet vises i en nettleser så skal den normale forstørring/forminskingfunksjonaliteten i nettleseren fungere Om operativsystemet ikke har noen forstørringsfunksjon og grensesnittet ikke vises i et program som tilbyr en sådan så må programmet selv gjøre det mulig å forstørre og forminske teksten. WCAG 2.0: 1.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 7, 23, 34, 46 Den innebygde zoomen til ios fungerer tilfredsstillende. 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger Så langt som mulig skal grensesnittet kunne opereres med bare én finger. Dette kan kreve at knapper skjules og vises ut fra hvor på skjermen brukeren peker eller klikker Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet På en ipad finnes bare volumkontroll, men på for eksempel Android-enheter er det vanligvis både en menyknapp og en tilbakeknapp. Særlig sistnevnte må fungere riktig, hvis ikke vil klikk på denne avslutte applikasjonen, med risiko for å miste arbeid eller progresjon. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 30 Ikke relevant på ios. Visuell utforming 7. Klikkbare objekt er rimelig store Størrelsen på knapper og andre klikkbare objekt er viktig for alle brukere, men ikke minst for brukere med motoriske funksjonsnedsettelser. Eksakt hva som er Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 36 (116)

37 en tilstrekkelig stor klikkflate varierer ut fra situasjonen, men et bra grunnprinsipp er at klikkflaten tilsvarer én teksthøyde ene veien og tre teksthøyder andre veien. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 18 Flere av knappene for å endre innstillingene er så små at presisjonen blir krevende for enkelte brukere. 8. Det skal være visuelt tydelig hva som er klikkbart For at brukeren skal kunne forstå hvordan grensesnittet fungerer, og ikke gå glipp av viktige funksjoner og informasjon, er det viktig at det som er klikkbart også ser ut til å være klikkbart. I enkelte situasjoner gir sammenhengen tydelige indikasjoner, men langt fra alltid. Er det snakk om et lottospill med et antall brikker lagt ut kan vi anse at utformingen gjør at brukeren bør forstå at brikkene er klikkbare. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 26 I innstillingene er standard utseende for ios benyttet, slik at brukeren vil kjenne igjen funksjonaliteten på objektene. 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet Objekters funksjon skal fremgå tydelig. Dette handler både om størrelse, plassering og utforming. Dersom flere sider eller skjermbilder inneholder objekt Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 37 (116)

38 med samme funksjon, bør disse objektene såfremt mulig ha samme utforming og plassering på alle sider/skjermbilder. WCAG 2.0: 1.3.3, 3.2.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - I innstillingene er standard utseende for ios benyttet, slik at brukeren vil kjenne igjen funksjonaliteten på objektene. 10. Bruk gode kontraster Kontrastene bør følge WCAG s anbefalinger om kontraster. I mobile grensesnitt bør WCAG s strenge punkt om kontraster (1.4.6) følges i så stor grad som mulig, og ingen unntak mot det snillere punktet (1.4.3) er akseptable. Ved målinger av kontraster benytter vi Color Contrast Analyser ( WCAG 2.0: 1.4.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 27 ios standardfarger har ikke alltid gode kontraster. For eksempel er tilbakeknapper grå med hvit tekst og lagre-knapper er ganske lys blå med hvit tekst. 11. Bruk ikke bare farge som informasjonsbærer Det skal være mulig å tolke grensesnittet, forstå informasjonen og funksjonaliteten selv om man ikke oppfatter farger. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum For å gjøre det enklere for brukere med små skjermer er det bra å begrense mengden objekt og tekst som vises. Et rotete grensesnitt med mange objekt og funksjoner gjør det ofte vanskelig for personer med kognitive funksjonsnedsettelser og brukere med konsentrasjonsvansker. Et rent og tydelige grensesnitt oppleves som enklere av alle brukere. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 38 (116)

39 Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 24 Både informasjonstekst og innstillinger er litt i overkant komplekse. Språket kunne vært enklere, og antallet menyvalg som ble presentert om gangen burde vært redusert, blant annet for at elevene som kunne skal spille enklere kunne funnet de innstillingene som er relevante for dem. Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren Det finnes nesten alltid behov for å gi instruksjoner og hjelp til brukeren. Når brukeren har behov for instruksjoner og hjelp skal det ikke kreves at denne må lete rundt i grensesnittet, det skal være enkelt å finne og åpne. Det er også viktig at instruksjonene faktisk hjelper brukeren, og er skrevet i en form som retter seg mot nybegynnere. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Informasjon om hvordan tilpasse app en på den spesifikke enheten er grei nok. Derimot er det ingen informasjon om hvordan distribuere disse tilpasningene til andre enheter, noe som er svært relevant med tanke på målgruppen. 14. Gi brukeren tilbakemelding Det handler både om å gi tilbakemelding når brukeren gjør noe i grensesnittet, og å gi forståelige feilmeldinger når noe har blitt feil. Om brukeren klikker på en knapp bør skjerminnholdet umiddelbart endres, eller så bør brukeren få informasjon om at grensesnittet arbeider. Om det blir feil må det vises med en tydelig feilmelding og med instruksjoner om hvordan man korrigerer feilen. WCAG 2.0: 1.3.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 39, 40, 42 Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 39 (116)

40 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Dette er ekstra viktig i applikasjoner ettersom brukeren ofte kan ha vanskelig for å finne tilbake til applikasjonen uten å starte den om igjen. WCAG 2.0: 2.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Det er tydelig forskjell på utformingen av objekter som starter oppgaver og de som åpner nye grensesnitt, men det er ingen gruppering eller tydeliggjøring av at det faktisk er andre grensesnitt som vil bli åpnet. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 40 (116)

41 Oppfylt Delvis oppfylt Ikke oppfylt Ikke relevant / Ikke vurdert Little Speller (ios) Little Speller trener brukeren i staving. Hver oppgave består av bokstavbrikker og bokser for å plassere bokstavbrikkene. I innstillingene kan man styre tilleggsinformasjon for å justere hvor vanskelig det skal være for eleven å løse oppgavene, ved at blant annet opplesing og bilde kan være del av oppgaven, og at brikkene skal være enklere å plassere i boksene. Som med Sight Words er det store tilpasningsmuligheter, og så vidt vi kan se fungerer dette på svært lignende måte. Vi henviser derfor til vurdering av modifiseringsgrensesnittet på Sight Words når det gjelder modifisering av denne app en. Sjekkliste Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen 3. Overskrifter er markert som overskrifter Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet Visuell utforming 7. Klikkbare objekt er rimelig store 8. Det skal være visuelt tydelig hva som er klikkbart 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet 10. Bruk gode kontraster Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 41 (116)

42 11. Bruk ikke bare farge som informasjonsbærer 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren 14. Gi brukeren tilbakemelding 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem Bilder, knapper, skjemafelt og tekster må legges inn med teknikker som gjør skjermlesere for svaksynte og brukere med lese- og skrivevansker i stand til å lese opp informasjon om dem. Dette gjøres på ulike måter avhengig av om det er HTML, en iphone app, Android app eller et program i Windows 8. WCAG 2.0: 1.1.1, 1.3.1, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 5, 6, 8, 9 Det er mulig å koble et muntlig ord og bokstavbrikkene uten å se så lenge også bokstavbrikkene kan blir lest opp. Dermed er det relevant med opplesing, men det fungerer ikke. 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen Enkelte applikasjoner kan være beregnet på at brukeren må se innholdet på skjermen. Eksempel på dette er at brukeren skal tegne spesifikke figurer, mønstre eller lignende for å utføre oppgaver eller funksjoner. Dette vil resultere i ikke bestått på dette punktet. Dersom hele den pedagogiske idéen bygger rundt dette prinsippet kan det være et akseptabelt unntak, men det vil likevel være et problem både for sterk svaksynte brukere og brukere med motoriske funksjonsnedsettelser. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 35 Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 42 (116)

43 Selv om plasseringen av bokstavbrikkene er ganske tilfeldig, er de såpass store at det skulle kunne la seg gjøre for blinde brukere å finne brikkene og flytte på dem. Men siden opplesing ikke fungerer, lar det seg ikke gjøre å finne riktig brikke. Dessuten kan ikke brikken flyttes med VoiceOver på så vidt vi har klart å finne ut. 3. Overskrifter er markert som overskrifter Om det i teknikken finnes mulighet til å definere overskrifter så skal det gjøres for tekster som faktisk er overskrifter. I HTML benyttes for eksempel H1-H6 elementene for dette. Det gjør det mulig for sterkt svaksynte brukere at raskt få en overblikk over informasjonen ved å hoppe fra overskrift til overskrift i teksten. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 44 Ikke mulig å vurdere siden opplesing ikke fungerer. Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte Dette handler om flere ting: En forstørring/zoomfunksjon i operativsystemet skal fungere i grensesnittet Om grensesnittet vises i en nettleser så skal den normale forstørring/forminskingfunksjonaliteten i nettleseren fungere Om operativsystemet ikke har noen forstørringsfunksjon og grensesnittet ikke vises i et program som tilbyr en sådan så må programmet selv gjøre det mulig å forstørre og forminske teksten. WCAG 2.0: 1.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 7, 23, 34, 46 Den innebygde zoomen til ios fungerer tilfredsstillende, men det er noe knotete å flytte bokstavbrikkene til riktig boks. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 43 (116)

44 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger Så langt som mulig skal grensesnittet kunne opereres med bare én finger. Dette kan kreve at knapper skjules og vises ut fra hvor på skjermen brukeren peker eller klikker Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 36 Alle funksjoner i app en kan benyttes med én finger. 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet På en ipad finnes bare volumkontroll, men på for eksempel Android-enheter er det vanligvis både en menyknapp og en tilbakeknapp. Særlig sistnevnte må fungere riktig, hvis ikke vil klikk på denne avslutte applikasjonen, med risiko for å miste arbeid eller progresjon. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 30 Eksisterer bare for ios, dermed ikke relevant. Visuell utforming 7. Klikkbare objekt er rimelig store Størrelsen på knapper og andre klikkbare objekt er viktig for alle brukere, men ikke minst for brukere med motoriske funksjonsnedsettelser. Eksakt hva som er en tilstrekkelig stor klikkflate varierer ut fra situasjonen, men et bra grunnprinsipp er at klikkflaten tilsvarer én teksthøyde ene veien og tre teksthøyder andre veien. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 18 Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 44 (116)

45 Knapper for å bruke selve spillet har gode størrelser, det samme gjelder spillbrikkene og boksene disse skal plasseres i. Knappene for informasjon og innstillinger er i grenseland på størrelse. 8. Det skal være visuelt tydelig hva som er klikkbart For at brukeren skal kunne forstå hvordan grensesnittet fungerer, og ikke gå glipp av viktige funksjoner og informasjon, er det viktig at det som er klikkbart også ser ut til å være klikkbart. I enkelte situasjoner gir sammenhengen tydelige indikasjoner, men langt fra alltid. Er det snakk om et lottospill med et antall brikker lagt ut kan vi anse at utformingen gjør at brukeren bør forstå at brikkene er klikkbare. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 26 Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 45 (116)

46 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet Objekters funksjon skal fremgå tydelig. Dette handler både om størrelse, plassering og utforming. Dersom flere sider eller skjermbilder inneholder objekt med samme funksjon, bør disse objektene såfremt mulig ha samme utforming og plassering på alle sider/skjermbilder. WCAG 2.0: 1.3.3, 3.2.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Bruk gode kontraster Kontrastene bør følge WCAG s anbefalinger om kontraster. I mobile grensesnitt bør WCAG s strenge punkt om kontraster (1.4.6) følges i så stor grad som mulig, og ingen unntak mot det snillere punktet (1.4.3) er akseptable. Ved målinger av kontraster benytter vi Color Contrast Analyser ( WCAG 2.0: 1.4.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 27 Startskjerm og knapper har veldig dårlige kontraster, mens bokstavbrikkene har god kontrast. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 46 (116)

47 11. Bruk ikke bare farge som informasjonsbærer Det skal være mulig å tolke grensesnittet, forstå informasjonen og funksjonaliteten selv om man ikke oppfatter farger. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Farge er ikke brukt som informasjonsbærer. 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum For å gjøre det enklere for brukere med små skjermer er det bra å begrense mengden objekt og tekst som vises. Et rotete grensesnitt med mange objekt og funksjoner gjør det ofte vanskelig for personer med kognitive Funka Nu AB Döbelnsgatan 21, Stockholm (116)

48 funksjonsnedsettelser og brukere med konsentrasjonsvansker. Et rent og tydelige grensesnitt oppleves som enklere av alle brukere. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 24 Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren Det finnes nesten alltid behov for å gi instruksjoner og hjelp til brukeren. Når brukeren har behov for instruksjoner og hjelp skal det ikke kreves at denne må lete rundt i grensesnittet, det skal være enkelt å finne og åpne. Det er også viktig at instruksjonene faktisk hjelper brukeren, og er skrevet i en form som retter seg mot nybegynnere. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Som med Sight Words er informasjon om hvordan løse oppgavene svært begrenset; fokuset er på hvordan gjøre endringer i applikasjonen. 14. Gi brukeren tilbakemelding Det handler både om å gi tilbakemelding når brukeren gjør noe i grensesnittet, og å gi forståelige feilmeldinger når noe har blitt feil. Om brukeren klikker på en knapp bør skjerminnholdet umiddelbart endres, eller så bør brukeren få informasjon om at grensesnittet arbeider. Om det blir feil må det vises med en tydelig feilmelding og med instruksjoner om hvordan man korrigerer feilen. WCAG 2.0: 1.3.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 39, 40, 42 Avhengig av innstillingene kan tilbakemelding være helt fraværende, sett bort fra at brukeren kommer til neste oppgave. Dersom det er tilbakemelding er den noe nøytral, ved at den positive tilbakemelding bare er i form av lyd, og øvrig tilbakemelding er repetisjon av ordet. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 48 (116)

49 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Dette er ekstra viktig i applikasjoner ettersom brukeren ofte kan ha vanskelig for å finne tilbake til applikasjonen uten å starte den om igjen. WCAG 2.0: 2.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 49 (116)

50 Oppfylt Delvis oppfylt Ikke oppfylt Ikke relevant / Ikke vurdert Staver n (ios) Staver n er, som navnet tilsier, en app for å lære barn å stave ord. Det er flere vanskelighetsgrader, men felles for alle er at brukeren blir presentert et bilde, hvorpå ordet skal staves ved å velge bokstaver i riktig rekkefølge. Staver n finnes kun for ios. Sjekkliste Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen 3. Overskrifter er markert som overskrifter Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet Visuell utforming 7. Klikkbare objekt er rimelig store 8. Det skal være visuelt tydelig hva som er klikkbart 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet 10. Bruk gode kontraster 11. Bruk ikke bare farge som informasjonsbærer 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 50 (116)

51 Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren 14. Gi brukeren tilbakemelding 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem Bilder, knapper, skjemafelt og tekster må legges inn med teknikker som gjør skjermlesere for svaksynte og brukere med lese- og skrivevansker i stand til å lese opp informasjon om dem. Dette gjøres på ulike måter avhengig av om det er HTML, en iphone app, Android app eller et program i Windows 8. WCAG 2.0: 1.1.1, 1.3.1, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 5, 6, 8, 9 De eneste objektene som har beskrivelse, er knapper for eller med bokstaver. Dette kan tyde på at disse er generert automatisk, og at det ikke ligger noen bevisst tanke bak fra utviklers side. 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen Enkelte applikasjoner kan være beregnet på at brukeren må se innholdet på skjermen. Eksempel på dette er at brukeren skal tegne spesifikke figurer, mønstre eller lignende for å utføre oppgaver eller funksjoner. Dette vil resultere i ikke bestått på dette punktet. Dersom hele den pedagogiske idéen bygger rundt dette prinsippet kan det være et akseptabelt unntak, men det vil likevel være et problem både for sterk svaksynte brukere og brukere med motoriske funksjonsnedsettelser. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 35 Hovedfunksjonen til app en er å stave ord. Bruk av bilder er bare et virkemiddel, og opplesing av ord vil fint kunne erstatte visning av bilde. Men ettersom bildene Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 51 (116)

52 ikke er kodet med beskrivelse, vil ikke blinde brukere ha anledning til å benytte denne app en. 3. Overskrifter er markert som overskrifter Om det i teknikken finnes mulighet til å definere overskrifter så skal det gjøres for tekster som faktisk er overskrifter. I HTML benyttes for eksempel H1-H6 elementene for dette. Det gjør det mulig for sterkt svaksynte brukere at raskt få en overblikk over informasjonen ved å hoppe fra overskrift til overskrift i teksten. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 44 Ingen overskrifter er funnet, men det burde vært overskrifter for bedre oversikt i grensesnittet. Det er rett og slett mangel på tekst. Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte Dette handler om flere ting: En forstørring/zoomfunksjon i operativsystemet skal fungere i grensesnittet Om grensesnittet vises i en nettleser så skal den normale forstørring/forminskingfunksjonaliteten i nettleseren fungere Om operativsystemet ikke har noen forstørringsfunksjon og grensesnittet ikke vises i et program som tilbyr en sådan så må programmet selv gjøre det mulig å forstørre og forminske teksten. WCAG 2.0: 1.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 7, 23, 34, 46 Den innebygde zoomen til ios fungerer tilfredsstillende. 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger Så langt som mulig skal grensesnittet kunne opereres med bare én finger. Dette kan kreve at knapper skjules og vises ut fra hvor på skjermen brukeren peker eller klikker Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 52 (116)

53 Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 36 Alle funksjoner i app en kan benyttes med én finger. 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet På en ipad finnes bare volumkontroll, men på for eksempel Android-enheter er det vanligvis både en menyknapp og en tilbakeknapp. Særlig sistnevnte må fungere riktig, hvis ikke vil klikk på denne avslutte applikasjonen, med risiko for å miste arbeid eller progresjon. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 30 Eksisterer bare for ios, dermed ikke relevant. Visuell utforming 7. Klikkbare objekt er rimelig store Størrelsen på knapper og andre klikkbare objekt er viktig for alle brukere, men ikke minst for brukere med motoriske funksjonsnedsettelser. Eksakt hva som er en tilstrekkelig stor klikkflate varierer ut fra situasjonen, men et bra grunnprinsipp er at klikkflaten tilsvarer én teksthøyde ene veien og tre teksthøyder andre veien. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 18 Alle knapper har gode størrelser, og gode avstander mellom dem. 8. Det skal være visuelt tydelig hva som er klikkbart For at brukeren skal kunne forstå hvordan grensesnittet fungerer, og ikke gå glipp av viktige funksjoner og informasjon, er det viktig at det som er klikkbart også ser ut til å være klikkbart. I enkelte situasjoner gir sammenhengen tydelige indikasjoner, men langt fra alltid. Er det snakk om et lottospill med et antall Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 53 (116)

54 brikker lagt ut kan vi anse at utformingen gjør at brukeren bør forstå at brikkene er klikkbare. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 26 Alle knapper har samme utseende, og har en viss 3D-design ved seg. Forskjellen ligger i innholdet på knappen. Man kan argumentere at utseende kunne vært noe ulikt avhengig av funksjon. For eksempel én variant for oppgaveknapper og én variant for innstillingsknapper, men det er ikke påkrevd. 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet Objekters funksjon skal fremgå tydelig. Dette handler både om størrelse, plassering og utforming. Dersom flere sider eller skjermbilder inneholder objekt med samme funksjon, bør disse objektene såfremt mulig ha samme utforming og plassering på alle sider/skjermbilder. WCAG 2.0: 1.3.3, 3.2.3, Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 54 (116)

55 Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Flere av bildene i oppgavene har særdeles dårlig kontrast. 10. Bruk gode kontraster Kontrastene bør følge WCAG s anbefalinger om kontraster. I mobile grensesnitt bør WCAG s strenge punkt om kontraster (1.4.6) følges i så stor grad som mulig, og ingen unntak mot det snillere punktet (1.4.3) er akseptable. Ved målinger av kontraster benytter vi Color Contrast Analyser ( WCAG 2.0: 1.4.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 27 Flere av bildene i oppgavene har særdeles dårlig kontrast. 11. Bruk ikke bare farge som informasjonsbærer Det skal være mulig å tolke grensesnittet, forstå informasjonen og funksjonaliteten selv om man ikke oppfatter farger. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum For å gjøre det enklere for brukere med små skjermer er det bra å begrense mengden objekt og tekst som vises. Et rotete grensesnitt med mange objekt og funksjoner gjør det ofte vanskelig for personer med kognitive funksjonsnedsettelser og brukere med konsentrasjonsvansker. Et rent og tydelige grensesnitt oppleves som enklere av alle brukere. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 24 Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 55 (116)

56 Alle oppgaver presenteres parallelt. Dette gjør at innholdet/bildet på hver oppgaveknapp blir svært lite, i enkelte tilfeller så smått at det er vanskelig å identifisere. Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren Det finnes nesten alltid behov for å gi instruksjoner og hjelp til brukeren. Når brukeren har behov for instruksjoner og hjelp skal det ikke kreves at denne må lete rundt i grensesnittet, det skal være enkelt å finne og åpne. Det er også viktig at instruksjonene faktisk hjelper brukeren, og er skrevet i en form som retter seg mot nybegynnere. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Hjelp-informasjonen er gjemt bak en liten i på en knapp som ikke skiller seg vesentlig ut fra oppgaveknappene. 14. Gi brukeren tilbakemelding Det handler både om å gi tilbakemelding når brukeren gjør noe i grensesnittet, og å gi forståelige feilmeldinger når noe har blitt feil. Om brukeren klikker på en knapp bør skjerminnholdet umiddelbart endres, eller så bør brukeren få informasjon om at grensesnittet arbeider. Om det blir feil må det vises med en tydelig feilmelding og med instruksjoner om hvordan man korrigerer feilen. WCAG 2.0: 1.3.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 39, 40, 42 Dersom brukeren forsøker seg med feil bokstav, markeres den i rødt og blir ikke plassert inn i ordet. Ved fullført ord blir det en liten jubel og markering av ordet. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 56 (116)

57 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Dette er ekstra viktig i applikasjoner ettersom brukeren ofte kan ha vanskelig for å finne tilbake til applikasjonen uten å starte den om igjen. WCAG 2.0: 2.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 57 (116)

58 Oppfylt Delvis oppfylt Ikke oppfylt Ikke relevant / Ikke vurdert Dragon Box + (Android) DragonBox+ er et program/spill for å lære algebra. Brukeren drar ut ulike figurer på to spillområder for å skape likevekt mellom disse spillområdene.. App en er også tilgjengelig på ipad og Windows RT, og innledende vurdering på disse plattformene er at det virker å være svært likt på alle plattformer med tanke på design, funksjonalitet og koding. Sjekkliste Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen 3. Overskrifter er markert som overskrifter Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet Visuell utforming 7. Klikkbare objekt er rimelig store 8. Det skal være visuelt tydelig hva som er klikkbart 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet 10. Bruk gode kontraster 11. Bruk ikke bare farge som informasjonsbærer 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 58 (116)

59 Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren 14. Gi brukeren tilbakemelding 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem Bilder, knapper, skjemafelt og tekster må legges inn med teknikker som gjør skjermlesere for svaksynte og brukere med lese- og skrivevansker i stand til å lese opp informasjon om dem. Dette gjøres på ulike måter avhengig av om det er HTML, en iphone app, Android app eller et program i Windows 8. WCAG 2.0: 1.1.1, 1.3.1, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 5, 6, 8, 9 Stort sett ingenting i appen er laget slik at det gir støtte til opplesende hjelpemiddel. Den inneholder heller ikke spesielt mye tekst, men først og fremst bilder og ikoner. Derfor kommer en bruker med lesevansker ikke til å støte på noen store problem. De brukerne som får problem er sterkt svaksynte brukere. Men for disse kommer uansett drag and drop funksjonaliteten til å være et problem. 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen Enkelte applikasjoner kan være beregnet på at brukeren må se innholdet på skjermen. Eksempel på dette er at brukeren skal tegne spesifikke figurer, mønstre eller lignende for å utføre oppgaver eller funksjoner. Dette vil resultere i ikke bestått på dette punktet. Dersom hele den pedagogiske idéen bygger rundt dette prinsippet kan det være et akseptabelt unntak, men det vil likevel være et problem både for sterk svaksynte brukere og brukere med motoriske funksjonsnedsettelser. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 35 Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 59 (116)

60 Brukeren må kunne se skjermen for å kunne se hvor de ulike objektene ligger og i hvilke områder hun skal slippe nye bilder for å løse oppgaven. En viktig del av problemet er at plasseringen av objektene er tilfeldig, slik at selv om kodingen av elementene hadde vært riktig, ville det vært vanskelig å finne dem. 3. Overskrifter er markert som overskrifter Om det i teknikken finnes mulighet til å definere overskrifter så skal det gjøres for tekster som faktisk er overskrifter. I HTML benyttes for eksempel H1-H6 elementene for dette. Det gjør det mulig for sterkt svaksynte brukere at raskt få en overblikk over informasjonen ved å hoppe fra overskrift til overskrift i teksten. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 44 Det finnes ingen overskrifter i grensesnittet. Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte Dette handler om flere ting: En forstørring/zoomfunksjon i operativsystemet skal fungere i grensesnittet Om grensesnittet vises i en nettleser så skal den normale forstørring/forminskingfunksjonaliteten i nettleseren fungere Om operativsystemet ikke har noen forstørringsfunksjon og grensesnittet ikke vises i et program som tilbyr en sådan så må programmet selv gjøre det mulig å forstørre og forminske teksten. WCAG 2.0: 1.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 7, 23, 34, 46 Nei, det finnes ingen innstilling for å endre tekststørrelse eller zoome. Operativsystemets tekststørrelse har ingen innvirkning, og zoom eksisterer heller ikke på OS-nivå. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 60 (116)

61 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger Så langt som mulig skal grensesnittet kunne opereres med bare én finger. Dette kan kreve at knapper skjules og vises ut fra hvor på skjermen brukeren peker eller klikker Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 36 Alle funksjoner i app en kan benyttes med én finger, og det er greie krav til presisjon for å løse oppgavene. 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet På en ipad finnes bare volumkontroll, men på for eksempel Android-enheter er det vanligvis både en menyknapp og en tilbakeknapp. Særlig sistnevnte må fungere riktig, hvis ikke vil klikk på denne avslutte applikasjonen, med risiko for å miste arbeid eller progresjon. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 30 Android har noen faste skjermknapper, hvorav Tilbake-knappen er den eneste som er ment å kunne styre inne i app er. Denne fungerer ikke helt riktig ved alle situasjoner; den er ment å ta brukeren ett steg tilbake, men det er ikke alltid tilfelle. Volumet kan styres med enhetens volumknappar. Andre fysiske knapper finnes ikke. Visuell utforming 7. Klikkbare objekt er rimelig store Størrelsen på knapper og andre klikkbare objekt er viktig for alle brukere, men ikke minst for brukere med motoriske funksjonsnedsettelser. Eksakt hva som er en tilstrekkelig stor klikkflate varierer ut fra situasjonen, men et bra grunnprinsipp er at klikkflaten tilsvarer én teksthøyde ene veien og tre teksthøyder andre veien. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 61 (116)

62 Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 18 Ikonene oppe til venstre og oppe til høyre er i minste laget. Klikkeflaten er ikke større enn selve ikonene, noe som kan gjøre det vanskelig å klikke riktig. 8. Det skal være visuelt tydelig hva som er klikkbart For at brukeren skal kunne forstå hvordan grensesnittet fungerer, og ikke gå glipp av viktige funksjoner og informasjon, er det viktig at det som er klikkbart også ser ut til å være klikkbart. I enkelte situasjoner gir sammenhengen tydelige indikasjoner, men langt fra alltid. Er det snakk om et lottospill med et antall brikker lagt ut kan vi anse at utformingen gjør at brukeren bør forstå at brikkene er klikkbare. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 26 Det er ikke alltid så tydelig hva som er klikkbart eller ikke klikkbart. I bildet vist under må brukeren skjønne at det er eksakt det innrammede området man skal klikke på. Det hadde ikke vært ulogisk å kunne klikke også på teksten og sifrene som viser antall stjerner. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 62 (116)

63 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet Objekters funksjon skal fremgå tydelig. Dette handler både om størrelse, plassering og utforming. Dersom flere sider eller skjermbilder inneholder objekt med samme funksjon, bør disse objektene såfremt mulig ha samme utforming og plassering på alle sider/skjermbilder. WCAG 2.0: 1.3.3, 3.2.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Instruksjoner plasseres tidvis midt over de to spillområdene, som gjør at bakgrunnen skifter bak teksten. Piler som skal henvise til et objekt er tidvis langt fra teksten, og peker ikke nødvendigvis på det objektet teksten gjelder. Dermed kan det være vanskelig å forstå instruksjonene. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 63 (116)

64 Når brukeren gjør noe med ett objekt, flytter mange andre objekt på seg, noe som kan være distraherende for enkelte brukere. Flere av spillbrikkene har dårlige kontraster eller er så detaljrike at de blir rotete eller uklare, men de er etter hva vi kan se klart forskjellige fra hverandre. Uten videre forklaring skifter nøkkelelementet utseende fra en boks til en hvit brikke med X på. Den subtile markeringen med animerte lyspunkt er ikke helt tilstrekkelig for alle brukere til å oppdage og skjønne dette. 10. Bruk gode kontraster Kontrastene bør følge WCAG s anbefalinger om kontraster. I mobile grensesnitt bør WCAG s strenge punkt om kontraster (1.4.6) følges i så stor grad som mulig, og ingen unntak mot det snillere punktet (1.4.3) er akseptable. Ved målinger av kontraster benytter vi Color Contrast Analyser ( Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 64 (116)

65 WCAG 2.0: 1.4.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 27 Flere av spillbrikkene i oppgavene har særdeles dårlig kontrast, både internt og mot bakgrunnen. Den hvite teksten på lys blå bakgrunn vil også skape problemer med sin kontrastverdi på 2.1:1, det samme gjelder ikonene vist i punkt Bruk ikke bare farge som informasjonsbærer Det skal være mulig å tolke grensesnittet, forstå informasjonen og funksjonaliteten selv om man ikke oppfatter farger. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: I spillet skal brukeren blant annet dra bilder med inverterte farger og parre dem sammen for å få dem bort fra spillområdene. Dette fungerer også for brukere som ikke oppfatter farge. Slik kan det se ut med farge: Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 65 (116)

66 Og slik kan det se ut for en bruker som ikke oppfatter farge: 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum For å gjøre det enklere for brukere med små skjermer er det bra å begrense mengden objekt og tekst som vises. Et rotete grensesnitt med mange objekt og funksjoner gjør det ofte vanskelig for personer med kognitive funksjonsnedsettelser og brukere med konsentrasjonsvansker. Et rent og tydelige grensesnitt oppleves som enklere av alle brukere. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 24 Funka Nu AB Döbelnsgatan 21, Stockholm (116)

67 Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren Det finnes nesten alltid behov for å gi instruksjoner og hjelp til brukeren. Når brukeren har behov for instruksjoner og hjelp skal det ikke kreves at denne må lete rundt i grensesnittet, det skal være enkelt å finne og åpne. Det er også viktig at instruksjonene faktisk hjelper brukeren, og er skrevet i en form som retter seg mot nybegynnere. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Brukeren får normalt sett, men ikke alltid, instruksjoner når hun kommer til et nytt moment, men det er ikke mulig å finne igjen instruksjonene etterpå, og det er heller ingen hjelpefunksjon. En bruker som ikke har spilt på en stund kan komme til å streve med å fortsette, og må kanskje begynne på nytt. 14. Gi brukeren tilbakemelding Det handler både om å gi tilbakemelding når brukeren gjør noe i grensesnittet, og å gi forståelige feilmeldinger når noe har blitt feil. Om brukeren klikker på en knapp bør skjerminnholdet umiddelbart endres, eller så bør brukeren få informasjon om at grensesnittet arbeider. Om det blir feil må det vises med en tydelig feilmelding og med instruksjoner om hvordan man korrigerer feilen. WCAG 2.0: 1.3.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 39, 40, Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Dette er ekstra viktig i applikasjoner ettersom brukeren ofte kan ha vanskelig for å finne tilbake til applikasjonen uten å starte den om igjen. WCAG 2.0: 2.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 67 (116)

68 Det finnes noen få lenker til webgrensesnitt. Knappen for å nå disse lenkene heter "Web", som vi vurderer som tilstrekkelig. Funka Nu AB Döbelnsgatan 21, Stockholm (116)

69 Oppfylt Delvis oppfylt Ikke oppfylt Ikke relevant / Ikke vurdert Smart Tools (Android) Smart Tools er et sett med måleverktøy for å måle blant annet lengde, vinkler og lyd. Sjekkliste Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen 3. Overskrifter er markert som overskrifter Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet Visuell utforming 7. Klikkbare objekt er rimelig store 8. Det skal være visuelt tydelig hva som er klikkbart 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet 10. Bruk gode kontraster 11. Bruk ikke bare farge som informasjonsbærer 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 69 (116)

70 14. Gi brukeren tilbakemelding 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem Bilder, knapper, skjemafelt og tekster må legges inn med teknikker som gjør skjermlesere for svaksynte og brukere med lese- og skrivevansker i stand til å lese opp informasjon om dem. Dette gjøres på ulike måter avhengig av om det er HTML, en iphone app, Android app eller et program i Windows 8. WCAG 2.0: 1.1.1, 1.3.1, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 5, 6, 8, 9 Det er bare menyvalg som er tilrettelagt for opplesing. Ingen av funksjonene støtter opplesing. Med opplesing kunne dette vært en gunstig verktøykasse for blinde til å måle fysiske objekter som de kan ta og føle på, og dessuten kunne lydmåling og magnetfelt vært svært relevant å få opplest. 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen Enkelte applikasjoner kan være beregnet på at brukeren må se innholdet på skjermen. Eksempel på dette er at brukeren skal tegne spesifikke figurer, mønstre eller lignende for å utføre oppgaver eller funksjoner. Dette vil resultere i ikke bestått på dette punktet. Dersom hele den pedagogiske idéen bygger rundt dette prinsippet kan det være et akseptabelt unntak, men det vil likevel være et problem både for sterk svaksynte brukere og brukere med motoriske funksjonsnedsettelser. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 35 Uten opplesing av funksjonene er det ikke mulig å benytte app en uten å kunne se skjermen. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 70 (116)

71 3. Overskrifter er markert som overskrifter Om det i teknikken finnes mulighet til å definere overskrifter så skal det gjøres for tekster som faktisk er overskrifter. I HTML benyttes for eksempel H1-H6 elementene for dette. Det gjør det mulig for sterkt svaksynte brukere at raskt få en overblikk over informasjonen ved å hoppe fra overskrift til overskrift i teksten. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 44 Det finnes ingen overskrifter i grensesnittet. Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte Dette handler om flere ting: En forstørring/zoomfunksjon i operativsystemet skal fungere i grensesnittet Om grensesnittet vises i en nettleser så skal den normale forstørring/forminskingfunksjonaliteten i nettleseren fungere Om operativsystemet ikke har noen forstørringsfunksjon og grensesnittet ikke vises i et program som tilbyr en sådan så må programmet selv gjøre det mulig å forstørre og forminske teksten. WCAG 2.0: 1.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 7, 23, 34, 46 Nei, det finnes ingen innstilling for å endre tekststørrelse eller zoome. Operativsystemets tekststørrelse har ingen innvirkning, og zoom eksisterer heller ikke på OS-nivå. 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger Så langt som mulig skal grensesnittet kunne opereres med bare én finger. Dette kan kreve at knapper skjules og vises ut fra hvor på skjermen brukeren peker eller klikker Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 71 (116)

72 Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet På en ipad finnes bare volumkontroll, men på for eksempel Android-enheter er det vanligvis både en menyknapp og en tilbakeknapp. Særlig sistnevnte må fungere riktig, hvis ikke vil klikk på denne avslutte applikasjonen, med risiko for å miste arbeid eller progresjon. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 30 Android har noen faste skjermknapper, hvorav Tilbake-knappen er den eneste som er ment å kunne navigere inne i app er. Denne fungerer så vidt vi ser riktig. Visuell utforming 7. Klikkbare objekt er rimelig store Størrelsen på knapper og andre klikkbare objekt er viktig for alle brukere, men ikke minst for brukere med motoriske funksjonsnedsettelser. Eksakt hva som er en tilstrekkelig stor klikkflate varierer ut fra situasjonen, men et bra grunnprinsipp er at klikkflaten tilsvarer én teksthøyde ene veien og tre teksthøyder andre veien. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 18 I lydmåling er det flere knapper som er for små, det samme gjelder menyvalg når inne i en funksjon. Knappene for å forlenge linjalen er også små. 8. Det skal være visuelt tydelig hva som er klikkbart For at brukeren skal kunne forstå hvordan grensesnittet fungerer, og ikke gå glipp av viktige funksjoner og informasjon, er det viktig at det som er klikkbart også ser ut til å være klikkbart. I enkelte situasjoner gir sammenhengen tydelige indikasjoner, men langt fra alltid. Er det snakk om et lottospill med et antall brikker lagt ut kan vi anse at utformingen gjør at brukeren bør forstå at brikkene er klikkbare. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 72 (116)

73 Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 26 Det er ikke alltid så tydelig hva som er klikkbart eller ikke klikkbart. Menyvalgene er plassert på en logisk plass, nemlig i toppen, men siden tilstedeværelsen ikke er konsistent og utformingen ikke innbyr spesielt til klikking er det ikke nødvendigvis tilstrekkelig for alle brukere. 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet Objekters funksjon skal fremgå tydelig. Dette handler både om størrelse, plassering og utforming. Dersom flere sider eller skjermbilder inneholder objekt med samme funksjon, bør disse objektene såfremt mulig ha samme utforming og plassering på alle sider/skjermbilder. WCAG 2.0: 1.3.3, 3.2.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - I noen funksjoner er det en meny i toppen, i andre ikke. Flere steder er det doble menyer, der de tre prikkene øverst til høyre gir nesten den samme menyen som teksten ved siden av. Knappen tilbake til startskjermen er ikonet for den gjeldende funksjonen, noe som er lite logisk. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 73 (116)

74 Knappene for å forlenge linjalen ligger oppå markeringene på linjalen og er derfor litt vanskelig å se. 10. Bruk gode kontraster Kontrastene bør følge WCAG s anbefalinger om kontraster. I mobile grensesnitt bør WCAG s strenge punkt om kontraster (1.4.6) følges i så stor grad som mulig, og ingen unntak mot det snillere punktet (1.4.3) er akseptable. Ved målinger av kontraster benytter vi Color Contrast Analyser ( WCAG 2.0: 1.4.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 27 Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 74 (116)

75 11. Bruk ikke bare farge som informasjonsbærer Det skal være mulig å tolke grensesnittet, forstå informasjonen og funksjonaliteten selv om man ikke oppfatter farger. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum For å gjøre det enklere for brukere med små skjermer er det bra å begrense mengden objekt og tekst som vises. Et rotete grensesnitt med mange objekt og funksjoner gjør det ofte vanskelig for personer med kognitive funksjonsnedsettelser og brukere med konsentrasjonsvansker. Et rent og tydelige grensesnitt oppleves som enklere av alle brukere. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 24 Den grunnleggende informasjonen er klart og tydelig presentert, mens utfyllende informasjon som statistikk over lydnivå er tonet ned. Får derfor godkjent selv om det er ganske stor informasjonsmengde enkelte steder. Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren Det finnes nesten alltid behov for å gi instruksjoner og hjelp til brukeren. Når brukeren har behov for instruksjoner og hjelp skal det ikke kreves at denne må lete rundt i grensesnittet, det skal være enkelt å finne og åpne. Det er også viktig at instruksjonene faktisk hjelper brukeren, og er skrevet i en form som retter seg mot nybegynnere. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 75 (116)

76 Enkelte av funksjonene har hjelpeinformasjon noe bortgjemt i meny, andre har informasjon i form av pop-up som kan deaktiveres, og atter andre har ingen hjelpeinformasjon i det hele tatt. 14. Gi brukeren tilbakemelding Det handler både om å gi tilbakemelding når brukeren gjør noe i grensesnittet, og å gi forståelige feilmeldinger når noe har blitt feil. Om brukeren klikker på en knapp bør skjerminnholdet umiddelbart endres, eller så bør brukeren få informasjon om at grensesnittet arbeider. Om det blir feil må det vises med en tydelig feilmelding og med instruksjoner om hvordan man korrigerer feilen. WCAG 2.0: 1.3.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 39, 40, Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Dette er ekstra viktig i applikasjoner ettersom brukeren ofte kan ha vanskelig for å finne tilbake til applikasjonen uten å starte den om igjen. WCAG 2.0: 2.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Ingen slike lenker funnet. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 76 (116)

77 MathBoard (Android) MathBoard er en app for å trene matte, fra enkel matte i de yngre årstrinnene til avanserte oppgaver for eldre studenter. Det markedsføres med å skulle fungere fra førskolealder og oppover. Vi hadde problemer med å få applikasjonen til å se korrekt ut. Bildene under viser hvordan det kunne se ut: Slik skal det se ut i følge skjermbilder fra Google Play. Vi har sett bort fra den feilaktige visningen i vår installasjon i bedømmingen under. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 77 (116)

78 Oppfylt Delvis oppfylt Ikke oppfylt Ikke relevant / Ikke vurdert Sjekkliste Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen 3. Overskrifter er markert som overskrifter Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet Visuell utforming 7. Klikkbare objekt er rimelig store 8. Det skal være visuelt tydelig hva som er klikkbart 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet 10. Bruk gode kontraster 11. Bruk ikke bare farge som informasjonsbærer 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren 14. Gi brukeren tilbakemelding 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 78 (116)

79 Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem Bilder, knapper, skjemafelt og tekster må legges inn med teknikker som gjør skjermlesere for svaksynte og brukere med lese- og skrivevansker i stand til å lese opp informasjon om dem. Dette gjøres på ulike måter avhengig av om det er HTML, en iphone app, Android app eller et program i Windows 8. WCAG 2.0: 1.1.1, 1.3.1, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 5, 6, 8, 9 Mange objekt inne i applikasjonen fungerer med opplesing. Det går å få enkle spørsmål (eksempelvis "45 14") opplest, samt svaralternativene til dette. Vi hadde derimot store problem med at talesyntesen og appen ikke kommuniserte ordentlig. Etter å ha lest opp en tekst én gang var det nærmest umulig å få gjentatt den samme teksten. Dette kan muligens fungere for en del brukere der operativsystemversjon, MathBoard versjon og hjelpemiddelversjoner fungerer optimalt, men for mange brukere kommer dette til å være umulig, dels på grunn av mangelfulle instruksjoner og dels på grunn av de tekniske problemene. 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen Enkelte applikasjoner kan være beregnet på at brukeren må se innholdet på skjermen. Eksempel på dette er at brukeren skal tegne spesifikke figurer, mønstre eller lignende for å utføre oppgaver eller funksjoner. Dette vil resultere i ikke bestått på dette punktet. Dersom hele den pedagogiske idéen bygger rundt dette prinsippet kan det være et akseptabelt unntak, men det vil likevel være et problem både for sterk svaksynte brukere og brukere med motoriske funksjonsnedsettelser. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 35 Deler av applikasjonen kan fungere uten at brukeren ser på skjermen, men mer komplekse oppstillinger som under kommer aldri til å fungere med mindre brukeren faktisk ser skjermen: Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 79 (116)

80 3. Overskrifter er markert som overskrifter Om det i teknikken finnes mulighet til å definere overskrifter så skal det gjøres for tekster som faktisk er overskrifter. I HTML benyttes for eksempel H1-H6 elementene for dette. Det gjør det mulig for sterkt svaksynte brukere at raskt få en overblikk over informasjonen ved å hoppe fra overskrift til overskrift i teksten. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 44 Dette kan ikke vurderes på Android ettersom hjelpemiddelet ikke gjengir overskrifter i applikasjoner. Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte Dette handler om flere ting: En forstørring/zoomfunksjon i operativsystemet skal fungere i grensesnittet Om grensesnittet vises i en nettleser så skal den normale forstørring/forminskingfunksjonaliteten i nettleseren fungere Om operativsystemet ikke har noen forstørringsfunksjon og grensesnittet ikke vises i et program som tilbyr en sådan så må programmet selv gjøre det mulig å forstørre og forminske teksten. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 80 (116)

81 WCAG 2.0: 1.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 7, 23, 34, 46 Operativsystemets innstilling for tekststørrelse har på virkning på enkelte steder i app en, men generelt fungerer ikke det, og det er ingen innstilling i applikasjonen for å forstørre. 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger Så langt som mulig skal grensesnittet kunne opereres med bare én finger. Dette kan kreve at knapper skjules og vises ut fra hvor på skjermen brukeren peker eller klikker Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 36 Alle funksjoner i app en kan benyttes med én finger. 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet På en ipad finnes bare volumkontroll, men på for eksempel Android-enheter er det vanligvis både en menyknapp og en tilbakeknapp. Særlig sistnevnte må fungere riktig, hvis ikke vil klikk på denne avslutte applikasjonen, med risiko for å miste arbeid eller progresjon. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 30 Ikke aktuelt for denne app en. Visuell utforming 7. Klikkbare objekt er rimelig store Størrelsen på knapper og andre klikkbare objekt er viktig for alle brukere, men ikke minst for brukere med motoriske funksjonsnedsettelser. Eksakt hva som er Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 81 (116)

82 en tilstrekkelig stor klikkflate varierer ut fra situasjonen, men et bra grunnprinsipp er at klikkflaten tilsvarer én teksthøyde ene veien og tre teksthøyder andre veien. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 18 I innstillingene finnes det små avkrysningsbokser og piler som krever ganske god presisjon for å håndtere. Alle disse skal kunne gjøres større. Også ikonene for å hoppe i applikasjonen er i minste laget: 8. Det skal være visuelt tydelig hva som er klikkbart For at brukeren skal kunne forstå hvordan grensesnittet fungerer, og ikke gå glipp av viktige funksjoner og informasjon, er det viktig at det som er klikkbart også ser ut til å være klikkbart. I enkelte situasjoner gir sammenhengen tydelige indikasjoner, men langt fra alltid. Er det snakk om et lottospill med et antall Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 82 (116)

83 brikker lagt ut kan vi anse at utformingen gjør at brukeren bør forstå at brikkene er klikkbare. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 26 Det går ikke helt å forutse hva som er klikkbart i applikasjonen, en bruker må delvis teste seg fram. Det går for eksempel ikke an å velge oppgave i listen med oppgaver bare ved å klikke på dem. 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet Objekters funksjon skal fremgå tydelig. Dette handler både om størrelse, plassering og utforming. Dersom flere sider eller skjermbilder inneholder objekt med samme funksjon, bør disse objektene såfremt mulig ha samme utforming og plassering på alle sider/skjermbilder. WCAG 2.0: 1.3.3, 3.2.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Tekstene og tallene er lagt inn for å ligne håndskrift, og dette gjør dessverre ofte teksten og tallene unødigvendig svårlästa även om vi bortser ifrån visningsproblemen i vår installasjon. 10. Bruk gode kontraster Kontrastene bør følge WCAG s anbefalinger om kontraster. I mobile grensesnitt bør WCAG s strenge punkt om kontraster (1.4.6) følges i så stor grad som mulig, og ingen unntak mot det snillere punktet (1.4.3) er akseptable. Ved målinger av kontraster benytter vi Color Contrast Analyser ( WCAG 2.0: 1.4.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 27 Kontrasten er såvidt godkjent når hvit tekst benyttes mot den mørkere grønnfargen i grensesnittet. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 83 (116)

84 For eksempel er teksten "Min Upper Digits" godkjene. Derimot er kontrasten for dårlig selv med hvit tekst når bakgrunnen har den lysere nyansen som bak teksten "Off" til høyre. Ofte er derimot ikke teksten helt hvit, eller oppleves ikke helt hvit, blant annet på "Digit limit" over. Her er kontrasten for dårlig uansett om det er den lysere eller mørkere grågrønne bakgrunnen som benyttes. 11. Bruk ikke bare farge som informasjonsbærer Det skal være mulig å tolke grensesnittet, forstå informasjonen og funksjonaliteten selv om man ikke oppfatter farger. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum For å gjøre det enklere for brukere med små skjermer er det bra å begrense mengden objekt og tekst som vises. Et rotete grensesnitt med mange objekt og funksjoner gjør det ofte vanskelig for personer med kognitive funksjonsnedsettelser og brukere med konsentrasjonsvansker. Et rent og tydelige grensesnitt oppleves som enklere av alle brukere. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 24 Funka Nu AB Döbelnsgatan 21, Stockholm (116)

85 Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren Det finnes nesten alltid behov for å gi instruksjoner og hjelp til brukeren. Når brukeren har behov for instruksjoner og hjelp skal det ikke kreves at denne må lete rundt i grensesnittet, det skal være enkelt å finne og åpne. Det er også viktig at instruksjonene faktisk hjelper brukeren, og er skrevet i en form som retter seg mot nybegynnere. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Det finnes et hjelpgrensesnitt for å løse likningene, men det mangler hjelp og instruksjoner til selve app en. 14. Gi brukeren tilbakemelding Det handler både om å gi tilbakemelding når brukeren gjør noe i grensesnittet, og å gi forståelige feilmeldinger når noe har blitt feil. Om brukeren klikker på en knapp bør skjerminnholdet umiddelbart endres, eller så bør brukeren få informasjon om at grensesnittet arbeider. Om det blir feil må det vises med en tydelig feilmelding og med instruksjoner om hvordan man korrigerer feilen. WCAG 2.0: 1.3.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 39, 40, Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Dette er ekstra viktig i applikasjoner ettersom brukeren ofte kan ha vanskelig for å finne tilbake til applikasjonen uten å starte den om igjen. WCAG 2.0: 2.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Vi har ikke sett noen slike lenker. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 85 (116)

86 Oppfylt Delvis oppfylt Ikke oppfylt Ikke relevant / Ikke vurdert Slice It! (Android) Slice It! er en applikasjon for å trene geometri og forståelse for størrelse. Brukeren får en geometrisk figur av varierende form som skal deles opp i et bestemt antall deler ved å bruke et bestemt antall kutt. Delene må dessuten være mest mulig lik størrelse for å komme videre til neste brett. Sjekkliste Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen 3. Overskrifter er markert som overskrifter Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet Visuell utforming 7. Klikkbare objekt er rimelig store 8. Det skal være visuelt tydelig hva som er klikkbart 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet 10. Bruk gode kontraster 11. Bruk ikke bare farge som informasjonsbærer 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 86 (116)

87 Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren 14. Gi brukeren tilbakemelding 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem Bilder, knapper, skjemafelt og tekster må legges inn med teknikker som gjør skjermlesere for svaksynte og brukere med lese- og skrivevansker i stand til å lese opp informasjon om dem. Dette gjøres på ulike måter avhengig av om det er HTML, en iphone app, Android app eller et program i Windows 8. WCAG 2.0: 1.1.1, 1.3.1, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 5, 6, 8, 9 Ingen objekter fungerer med opplesing. Kombinert med at alle tekster er i tegnet stil, gjerne med versaler og dårlig kontrast, kan dette være et problem for brukere med lese- og skrivevansker. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 87 (116)

88 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen Enkelte applikasjoner kan være beregnet på at brukeren må se innholdet på skjermen. Eksempel på dette er at brukeren skal tegne spesifikke figurer, mønstre eller lignende for å utføre oppgaver eller funksjoner. Dette vil resultere i ikke bestått på dette punktet. Dersom hele den pedagogiske idéen bygger rundt dette prinsippet kan det være et akseptabelt unntak, men det vil likevel være et problem både for sterk svaksynte brukere og brukere med motoriske funksjonsnedsettelser. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 35 Det er mulig å tenke seg at blinde brukere kan utforske skjermen for å skjønne den geometriske formen, men sett i lys av kompleksiteten i enkelte av disse formene er det vanskelig å se for seg at denne applikasjonen er egnet for blinde brukere. 3. Overskrifter er markert som overskrifter Om det i teknikken finnes mulighet til å definere overskrifter så skal det gjøres for tekster som faktisk er overskrifter. I HTML benyttes for eksempel H1-H6 elementene for dette. Det gjør det mulig for sterkt svaksynte brukere at raskt få en overblikk over informasjonen ved å hoppe fra overskrift til overskrift i teksten. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 44 Android støtter ikke gjengivelse av overskrifter. Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte Dette handler om flere ting: En forstørring/zoomfunksjon i operativsystemet skal fungere i grensesnittet Om grensesnittet vises i en nettleser så skal den normale forstørring/forminskingfunksjonaliteten i nettleseren fungere Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 88 (116)

89 Om operativsystemet ikke har noen forstørringsfunksjon og grensesnittet ikke vises i et program som tilbyr en sådan så må programmet selv gjøre det mulig å forstørre og forminske teksten. WCAG 2.0: 1.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 7, 23, 34, 46 Nei. All tekst er så vidt vi skjønner i form av tegnede bilder, så forstørrelse av tekst fungerer ikke. Det er ingen forstørringsmuligheter i app en. Den klassiske tofingergesten for å forstørre er brukt til en funksjon spesifikk for denne app en. Android tilbyr heller ingen forstørringsapplikasjon som forstørrer innholdet på skjermen. 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger Så langt som mulig skal grensesnittet kunne opereres med bare én finger. Dette kan kreve at knapper skjules og vises ut fra hvor på skjermen brukeren peker eller klikker Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 36 Alle funksjoner i app en kan benyttes med én finger. Men for de mer komplekse geometriene kan det bli mye prøving og feiling for å få kuttene til å bli presise nok med én finger, og da er to-fingerkuttene et viktig verktøy. 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet På en ipad finnes bare volumkontroll, men på for eksempel Android-enheter er det vanligvis både en menyknapp og en tilbakeknapp. Særlig sistnevnte må fungere riktig, hvis ikke vil klikk på denne avslutte applikasjonen, med risiko for å miste arbeid eller progresjon. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 30 Android har et fast utvalg av funksjoner nede til venstre på skjermen, deriblant Tilbake. Denne fungerer til å angre operasjoner, men fungerer ikke for å gå tilbake til tidligere visninger i applikasjonene, som er intensjonen med denne knappen. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 89 (116)

90 Visuell utforming 7. Klikkbare objekt er rimelig store Størrelsen på knapper og andre klikkbare objekt er viktig for alle brukere, men ikke minst for brukere med motoriske funksjonsnedsettelser. Eksakt hva som er en tilstrekkelig stor klikkflate varierer ut fra situasjonen, men et bra grunnprinsipp er at klikkflaten tilsvarer én teksthøyde ene veien og tre teksthøyder andre veien. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Det skal være visuelt tydelig hva som er klikkbart For at brukeren skal kunne forstå hvordan grensesnittet fungerer, og ikke gå glipp av viktige funksjoner og informasjon, er det viktig at det som er klikkbart også ser ut til å være klikkbart. I enkelte situasjoner gir sammenhengen tydelige indikasjoner, men langt fra alltid. Er det snakk om et lottospill med et antall brikker lagt ut kan vi anse at utformingen gjør at brukeren bør forstå at brikkene er klikkbare. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 26 Det er et betydelig antall ulike utforminger av objekter som er klikkbare, men ikke alle er tydelig klikkbare. Noen er utstyrt med ikoner som er ganske forklarende, andre ikke. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 90 (116)

91 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet Objekters funksjon skal fremgå tydelig. Dette handler både om størrelse, plassering og utforming. Dersom flere sider eller skjermbilder inneholder objekt med samme funksjon, bør disse objektene såfremt mulig ha samme utforming og plassering på alle sider/skjermbilder. WCAG 2.0: 1.3.3, 3.2.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Svært mange elementer er animert for å lokke til å klikke på dem. Dette kan være ganske forstyrrende for mange brukere, og i kombinasjon med selve utformingen kan det være brukere som vil slite med å velge hvilket element som er mest relevant å klikke på. I tillegg er det store spekteret av utforming som vist i forrige punkt krevende for mange brukere med tanke på hva som er forventet å gjøre. 10. Bruk gode kontraster Kontrastene bør følge WCAG s anbefalinger om kontraster. I mobile grensesnitt bør WCAG s strenge punkt om kontraster (1.4.6) følges i så stor grad som mulig, og ingen unntak mot det snillere punktet (1.4.3) er akseptable. Ved målinger av kontraster benytter vi Color Contrast Analyser ( WCAG 2.0: 1.4.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 27 Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 91 (116)

92 Det er flere viktige elementer som har for dårlig kontrast, deriblant knappen for å gå videre til neste oppgave. 11. Bruk ikke bare farge som informasjonsbærer Det skal være mulig å tolke grensesnittet, forstå informasjonen og funksjonaliteten selv om man ikke oppfatter farger. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum For å gjøre det enklere for brukere med små skjermer er det bra å begrense mengden objekt og tekst som vises. Et rotete grensesnitt med mange objekt og funksjoner gjør det ofte vanskelig for personer med kognitive funksjonsnedsettelser og brukere med konsentrasjonsvansker. Et rent og tydelige grensesnitt oppleves som enklere av alle brukere. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 24 Vektingen av de viktige og mindre viktige objekter er relativt lik. Kombinert med at det på mange skjermer er relativt mange mindre viktige elementer gir vi underkjent på dette punktet. Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren Det finnes nesten alltid behov for å gi instruksjoner og hjelp til brukeren. Når brukeren har behov for instruksjoner og hjelp skal det ikke kreves at denne må lete rundt i grensesnittet, det skal være enkelt å finne og åpne. Det er også viktig at instruksjonene faktisk hjelper brukeren, og er skrevet i en form som retter seg mot nybegynnere. WCAG 2.0: Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 92 (116)

93 Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - De første oppgavene inneholder veiledning på hvordan spille, men denne er ikke tilgjengelig andre steder. Fra startmenyen er det mulig å finne en miniinstruksjon, men denne er ikke dekkende. 14. Gi brukeren tilbakemelding Det handler både om å gi tilbakemelding når brukeren gjør noe i grensesnittet, og å gi forståelige feilmeldinger når noe har blitt feil. Om brukeren klikker på en knapp bør skjerminnholdet umiddelbart endres, eller så bør brukeren få informasjon om at grensesnittet arbeider. Om det blir feil må det vises med en tydelig feilmelding og med instruksjoner om hvordan man korrigerer feilen. WCAG 2.0: 1.3.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 39, 40, Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Dette er ekstra viktig i applikasjoner ettersom brukeren ofte kan ha vanskelig for å finne tilbake til applikasjonen uten å starte den om igjen. WCAG 2.0: 2.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: I startmenyen er det en lenke ved navn More games, som ikke skiller seg vesentlig ut fra de andre valgene, men tar brukeren til et annet grensesnitt. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 93 (116)

94 Oppfylt Delvis oppfylt Ikke oppfylt Ikke relevant / Ikke vurdert MathBoard (Windows RT) MathBoard på denne plattformen lar brukeren trene på enkle matematikkoppgaver, utelukkende pluss, minus og ganging. Regnestykkene har et ferdig svar, der brukeren skal finne den manglende faktoren for å få regnestykket til å gå opp. Svaret angis ved å skrive inn svaret for hånd. Det er begrenset progresjon i oppgavene, som er mye enklere enn Androidversjonen. Sjekkliste Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen 3. Overskrifter er markert som overskrifter Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet Visuell utforming 7. Klikkbare objekt er rimelig store 8. Det skal være visuelt tydelig hva som er klikkbart 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet 10. Bruk gode kontraster 11. Bruk ikke bare farge som informasjonsbærer 12. Informasjonsmengden og antallet objekt som vises er holdt til et Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 94 (116)

95 minimum Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren 14. Gi brukeren tilbakemelding 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem Bilder, knapper, skjemafelt og tekster må legges inn med teknikker som gjør skjermlesere for svaksynte og brukere med lese- og skrivevansker i stand til å lese opp informasjon om dem. Dette gjøres på ulike måter avhengig av om det er HTML, en iphone app, Android app eller et program i Windows 8. WCAG 2.0: 1.1.1, 1.3.1, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 5, 6, 8, 9 Det er mulig å få lest opp en god del men det er noen mangler. Knappen for å starte spillet leses bare opp som link, tallene og de fleste symbolene leses, men minustegnet leses ikke opp. Dermed blir det ikke alltid mulig for brukeren å vite hvordan oppgaven skal løses. Med skjermleseren NVDA er det ingenting av innholdet som leses opp. 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen Enkelte applikasjoner kan være beregnet på at brukeren må se innholdet på skjermen. Eksempel på dette er at brukeren skal tegne spesifikke figurer, mønstre eller lignende for å utføre oppgaver eller funksjoner. Dette vil resultere i ikke bestått på dette punktet. Dersom hele den pedagogiske idéen bygger rundt dette prinsippet kan det være et akseptabelt unntak, men det vil likevel være et problem både for sterk svaksynte brukere og brukere med motoriske funksjonsnedsettelser. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 35 Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 95 (116)

96 I prinsippet burde det la seg gjøre, ettersom det er få objekt som er ganske store. Derimot er spillet basert på at brukeren skal håndskrive det riktige tallet innenfor en rute, og i denne applikasjonen lar ikke dette seg gjøre når Windows sin innebygde skjermleseren er aktiv, og heller ikke med skjermleseren NVDA. Samtidig er dette noe som kan være nyttig for blinde brukere, ettersom mange av disse har behov for å trene på håndskrift. Det burde kunne vært et alternativ å skrive inn svar med skjermtastaturet, men det er ingen mulighet for dette. Videre er det en ganske diskret lydbekreftelse på riktig svar, og ingen bekreftelse på hvilket tall som ble registrert. 3. Overskrifter er markert som overskrifter Om det i teknikken finnes mulighet til å definere overskrifter så skal det gjøres for tekster som faktisk er overskrifter. I HTML benyttes for eksempel H1-H6 elementene for dette. Det gjør det mulig for sterkt svaksynte brukere at raskt få en overblikk over informasjonen ved å hoppe fra overskrift til overskrift i teksten. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 44 Ingen overskrifter i applikasjonen. Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte Dette handler om flere ting: En forstørring/zoomfunksjon i operativsystemet skal fungere i grensesnittet Om grensesnittet vises i en nettleser så skal den normale forstørring/forminskingfunksjonaliteten i nettleseren fungere Om operativsystemet ikke har noen forstørringsfunksjon og grensesnittet ikke vises i et program som tilbyr en sådan så må programmet selv gjøre det mulig å forstørre og forminske teksten. WCAG 2.0: 1.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 7, 23, 34, 46 Ingen forstørring i app en, men det fungerer greit med operativsystemets zooming. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 96 (116)

97 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger Så langt som mulig skal grensesnittet kunne opereres med bare én finger. Dette kan kreve at knapper skjules og vises ut fra hvor på skjermen brukeren peker eller klikker. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 36 App en fungerer ved å skrive inn svaret for hånd. Dette lar seg gjøre med én finger, men krever god koordinasjon og presisjon. 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet På en ipad finnes bare volumkontroll, men på for eksempel Android-enheter er det vanligvis både en menyknapp og en tilbakeknapp. Særlig sistnevnte må fungere riktig, hvis ikke vil klikk på denne avslutte applikasjonen, med risiko for å miste arbeid eller progresjon. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 30 Ikke aktuelt på nettbrettet vi testet med. Visuell utforming 7. Klikkbare objekt er rimelig store Størrelsen på knapper og andre klikkbare objekt er viktig for alle brukere, men ikke minst for brukere med motoriske funksjonsnedsettelser. Eksakt hva som er en tilstrekkelig stor klikkflate varierer ut fra situasjonen, men et bra grunnprinsipp er at klikkflaten tilsvarer én teksthøyde ene veien og tre teksthøyder andre veien. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 18 Funka Nu AB Döbelnsgatan 21, Stockholm (116)

98 Det er svært få funksjoner i denne app en. Start spillet, skrive inn løsning, endre farge på skriften og tilbake til startskjermen. Det eneste som er noe smått er tilbakeknappen, men den ser ut til å være styrt av Windows. 8. Det skal være visuelt tydelig hva som er klikkbart For at brukeren skal kunne forstå hvordan grensesnittet fungerer, og ikke gå glipp av viktige funksjoner og informasjon, er det viktig at det som er klikkbart også ser ut til å være klikkbart. I enkelte situasjoner gir sammenhengen tydelige indikasjoner, men langt fra alltid. Er det snakk om et lottospill med et antall brikker lagt ut kan vi anse at utformingen gjør at brukeren bør forstå at brikkene er klikkbare. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 26 Når spilleren taper spillet, er det en tekst som sier Game Over, men det er ingenting som indikerer at brukeren må trykke noe sted for å gå videre. 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet Objekters funksjon skal fremgå tydelig. Dette handler både om størrelse, plassering og utforming. Dersom flere sider eller skjermbilder inneholder objekt med samme funksjon, bør disse objektene såfremt mulig ha samme utforming og plassering på alle sider/skjermbilder. WCAG 2.0: 1.3.3, 3.2.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Rammen til feltet der det skal skrives inn er ganske tynn, og enkelte brukere vil ha vansker med å registrere den. Det er ingen indikasjon på at brukeren skal skrive for hånd. 10. Bruk gode kontraster Kontrastene bør følge WCAG s anbefalinger om kontraster. I mobile grensesnitt bør WCAG s strenge punkt om kontraster (1.4.6) følges i så stor grad som mulig, og ingen unntak mot det snillere punktet (1.4.3) er akseptable. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 98 (116)

99 Ved målinger av kontraster benytter vi Color Contrast Analyser ( WCAG 2.0: 1.4.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 27 All tekst er hvit og stor, og med den valgte bakgrunnsfargen gir det tilstrekkelig kontrast. 11. Bruk ikke bare farge som informasjonsbærer Det skal være mulig å tolke grensesnittet, forstå informasjonen og funksjonaliteten selv om man ikke oppfatter farger. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum For å gjøre det enklere for brukere med små skjermer er det bra å begrense mengden objekt og tekst som vises. Et rotete grensesnitt med mange objekt og funksjoner gjør det ofte vanskelig for personer med kognitive funksjonsnedsettelser og brukere med konsentrasjonsvansker. Et rent og tydelige grensesnitt oppleves som enklere av alle brukere. Funka Nu AB Döbelnsgatan 21, Stockholm (116)

100 Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 24 Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren Det finnes nesten alltid behov for å gi instruksjoner og hjelp til brukeren. Når brukeren har behov for instruksjoner og hjelp skal det ikke kreves at denne må lete rundt i grensesnittet, det skal være enkelt å finne og åpne. Det er også viktig at instruksjonene faktisk hjelper brukeren, og er skrevet i en form som retter seg mot nybegynnere. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Det er ingen veiledning til at svarene skal skrives inn for hånd, hverken på startskjermen eller inne i selve oppgavene. 14. Gi brukeren tilbakemelding Det handler både om å gi tilbakemelding når brukeren gjør noe i grensesnittet, og å gi forståelige feilmeldinger når noe har blitt feil. Om brukeren klikker på en knapp bør skjerminnholdet umiddelbart endres, eller så bør brukeren få informasjon om at grensesnittet arbeider. Om det blir feil må det vises med en tydelig feilmelding og med instruksjoner om hvordan man korrigerer feilen. WCAG 2.0: 1.3.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 39, 40, 42 Brukeren får tilbakemelding på om svaret er riktig eller feil, men denne tilbakemeldingen vises så kort at mange brukere kan være usikre på om svaret ble registrert og om det ble riktig. Bekreftelsen skjer dessuten oppå tallet som er skrevet, slik at brukere med hukommelsesproblemer kan få problemer med å huske hva de forsøkte. Dessuten skjer det stadig vekk at innskrevet tekst ikke registreres eller registreres feil, slik at feil svar tolkes som riktig eller riktig svar tolkes som feil. Sett i lys av Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 100 (116)

101 dette hadde det vært gunstig å inkludere en tilbakemelding om hvilket tall som ble registrert. 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Dette er ekstra viktig i applikasjoner ettersom brukeren ofte kan ha vanskelig for å finne tilbake til applikasjonen uten å starte den om igjen. WCAG 2.0: 2.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Ikke funnet noen eksterne lenker. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 101 (116)

102 Oppfylt Delvis oppfylt Ikke oppfylt Ikke relevant / Ikke vurdert Kid s Learning HD (Windows RT) Kid s Learning HD har oppgaver om engelsk språk, matte og generell kunnskap. Oppgavene er kategorisert i tre aldersgrupper som brukeren velger mellom. Sjekkliste Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen 3. Overskrifter er markert som overskrifter Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet Visuell utforming 7. Klikkbare objekt er rimelig store 8. Det skal være visuelt tydelig hva som er klikkbart 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet 10. Bruk gode kontraster 11. Bruk ikke bare farge som informasjonsbærer 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 102 (116)

103 14. Gi brukeren tilbakemelding 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem Bilder, knapper, skjemafelt og tekster må legges inn med teknikker som gjør skjermlesere for svaksynte og brukere med lese- og skrivevansker i stand til å lese opp informasjon om dem. Dette gjøres på ulike måter avhengig av om det er HTML, en iphone app, Android app eller et program i Windows 8. WCAG 2.0: 1.1.1, 1.3.1, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 5, 6, 8, 9 Alle essensielle elementer registreres av opplesende hjelpemiddel, men informasjonen som leses opp er intetsigende fordi alt er lagt inn som bilder uten skikkelig alternativ tekst. Dessuten leses alle overskrifter og spørsmål som del av spillet; i seg selv en positiv egenskap, men denne opplesingen kan ikke slåas av slik at det blir to stemmer som konkurrerer om oppmerksomheten. 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen Enkelte applikasjoner kan være beregnet på at brukeren må se innholdet på skjermen. Eksempel på dette er at brukeren skal tegne spesifikke figurer, mønstre eller lignende for å utføre oppgaver eller funksjoner. Dette vil resultere i ikke bestått på dette punktet. Dersom hele den pedagogiske idéen bygger rundt dette prinsippet kan det være et akseptabelt unntak, men det vil likevel være et problem både for sterk svaksynte brukere og brukere med motoriske funksjonsnedsettelser. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 35 I prinsippet burde det la seg gjøre, ettersom det er få objekt som er ganske store. Men skjermlesere får ikke god nok informasjon til at brukeren kan vite hva hun peker på, og opplesingen som er innebygd i spillet leser bare opp spørsmålet, ikke alternativene. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 103 (116)

104 3. Overskrifter er markert som overskrifter Om det i teknikken finnes mulighet til å definere overskrifter så skal det gjøres for tekster som faktisk er overskrifter. I HTML benyttes for eksempel H1-H6 elementene for dette. Det gjør det mulig for sterkt svaksynte brukere at raskt få en overblikk over informasjonen ved å hoppe fra overskrift til overskrift i teksten. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 44 Vi er usikre på om det er mulig på Windows-app er å legge bilder inn som overskrifter. Skjermleseren registrerer i hvert fall ikke det om burde vært overskrifter. Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte Dette handler om flere ting: En forstørring/zoomfunksjon i operativsystemet skal fungere i grensesnittet Om grensesnittet vises i en nettleser så skal den normale forstørring/forminskingfunksjonaliteten i nettleseren fungere Om operativsystemet ikke har noen forstørringsfunksjon og grensesnittet ikke vises i et program som tilbyr en sådan så må programmet selv gjøre det mulig å forstørre og forminske teksten. WCAG 2.0: 1.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 7, 23, 34, 46 Ingen forstørring i app en, men det fungerer greit med operativsystemets zooming. 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger Så langt som mulig skal grensesnittet kunne opereres med bare én finger. Dette kan kreve at knapper skjules og vises ut fra hvor på skjermen brukeren peker eller klikker. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 104 (116)

105 Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet På en ipad finnes bare volumkontroll, men på for eksempel Android-enheter er det vanligvis både en menyknapp og en tilbakeknapp. Særlig sistnevnte må fungere riktig, hvis ikke vil klikk på denne avslutte applikasjonen, med risiko for å miste arbeid eller progresjon. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 30 Visuell utforming 7. Klikkbare objekt er rimelig store Størrelsen på knapper og andre klikkbare objekt er viktig for alle brukere, men ikke minst for brukere med motoriske funksjonsnedsettelser. Eksakt hva som er en tilstrekkelig stor klikkflate varierer ut fra situasjonen, men et bra grunnprinsipp er at klikkflaten tilsvarer én teksthøyde ene veien og tre teksthøyder andre veien. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 18 Windows-app ene ser ut til å ha en standard tilbake-knapp oppe til venstre. Denne er på grensen i størrelse, det samme gjelder pilen nede til høyre for å hoppe over spørsmålet. 8. Det skal være visuelt tydelig hva som er klikkbart For at brukeren skal kunne forstå hvordan grensesnittet fungerer, og ikke gå glipp av viktige funksjoner og informasjon, er det viktig at det som er klikkbart også ser ut til å være klikkbart. I enkelte situasjoner gir sammenhengen tydelige indikasjoner, men langt fra alltid. Er det snakk om et lottospill med et antall brikker lagt ut kan vi anse at utformingen gjør at brukeren bør forstå at brikkene er klikkbare. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 26 Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 105 (116)

106 Knappene er tydelig klikkbare, som er det som er vesentlig. Knappene for å gå tilbake eller hoppe over spørsmål er ikke ment å innby for mye til klikking. Derimot har enkelte av oppgavene illustrasjoner som svaralternativ, og disse er ikke tydelig klikkbare. 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet Objekters funksjon skal fremgå tydelig. Dette handler både om størrelse, plassering og utforming. Dersom flere sider eller skjermbilder inneholder objekt med samme funksjon, bør disse objektene såfremt mulig ha samme utforming og plassering på alle sider/skjermbilder. WCAG 2.0: 1.3.3, 3.2.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Spørsmålstekstene er skrevet i versaler og i en font som ikke er gunstig for lesbarheten. Enkelte av svarknappene har kraftig gradient som gjør teksten vanskeligere å lese. Enkelte spørsmål har veiledning i samme font som de andre spørsmålene, mens selve spørsmålet er i en helt annen skriftstil. Andre spørsmål skifter til at figurer er svaralternativ, men med mye forstyrrende bakgrunn. 10. Bruk gode kontraster Kontrastene bør følge WCAG s anbefalinger om kontraster. I mobile grensesnitt bør WCAG s strenge punkt om kontraster (1.4.6) følges i så stor grad som mulig, og ingen unntak mot det snillere punktet (1.4.3) er akseptable. Ved målinger av kontraster benytter vi Color Contrast Analyser ( WCAG 2.0: 1.4.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 27 Det er mange tilfeller av svake kontraster, både på svarknapper og bakgrunnen bak tilbake-knappen fra Windows. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 106 (116)

107 11. Bruk ikke bare farge som informasjonsbærer Det skal være mulig å tolke grensesnittet, forstå informasjonen og funksjonaliteten selv om man ikke oppfatter farger. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum For å gjøre det enklere for brukere med små skjermer er det bra å begrense mengden objekt og tekst som vises. Et rotete grensesnitt med mange objekt og funksjoner gjør det ofte vanskelig for personer med kognitive funksjonsnedsettelser og brukere med konsentrasjonsvansker. Et rent og tydelige grensesnitt oppleves som enklere av alle brukere. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 24 Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren Det finnes nesten alltid behov for å gi instruksjoner og hjelp til brukeren. Når brukeren har behov for instruksjoner og hjelp skal det ikke kreves at denne må lete rundt i grensesnittet, det skal være enkelt å finne og åpne. Det er også viktig at instruksjonene faktisk hjelper brukeren, og er skrevet i en form som retter seg mot nybegynnere. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Det er ingen informasjon om spillet eller hvordan det fungerer, med unntak av at ett og annet av spørsmålene har litt veiledning. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 107 (116)

108 14. Gi brukeren tilbakemelding Det handler både om å gi tilbakemelding når brukeren gjør noe i grensesnittet, og å gi forståelige feilmeldinger når noe har blitt feil. Om brukeren klikker på en knapp bør skjerminnholdet umiddelbart endres, eller så bør brukeren få informasjon om at grensesnittet arbeider. Om det blir feil må det vises med en tydelig feilmelding og med instruksjoner om hvordan man korrigerer feilen. WCAG 2.0: 1.3.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 39, 40, Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Dette er ekstra viktig i applikasjoner ettersom brukeren ofte kan ha vanskelig for å finne tilbake til applikasjonen uten å starte den om igjen. WCAG 2.0: 2.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Ikke funnet noen eksterne lenker. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 108 (116)

109 Oppfylt Delvis oppfylt Ikke oppfylt Ikke relevant / Ikke vurdert Memory Trainer (Windows RT) Memory Trainer gir brukeren et økende antall elementer som skal memoreres. For eksempel tall som skal klikkes bort i synkende rekkefølge etter at brikkene er snudd. Sjekkliste Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen 3. Overskrifter er markert som overskrifter Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger 6. Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet Visuell utforming 7. Klikkbare objekt er rimelig store 8. Det skal være visuelt tydelig hva som er klikkbart 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet 10. Bruk gode kontraster 11. Bruk ikke bare farge som informasjonsbærer 12. Informasjonsmengden og antallet objekt som vises er holdt til et minimum Informasjon og hjelp 13. Det finnes tydelig plassert hjelp og instruksjoner til brukeren Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 109 (116)

110 14. Gi brukeren tilbakemelding 15. Om en lenke fører til at brukeren havner i et annet grensesnitt så skal det tydelig informeres på forhånd Konstruksjon 1. Alle objekt i grensesnittet er laget slik at opplesende hjelpemiddel kan beskrive dem Bilder, knapper, skjemafelt og tekster må legges inn med teknikker som gjør skjermlesere for svaksynte og brukere med lese- og skrivevansker i stand til å lese opp informasjon om dem. Dette gjøres på ulike måter avhengig av om det er HTML, en iphone app, Android app eller et program i Windows 8. WCAG 2.0: 1.1.1, 1.3.1, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 5, 6, 8, 9 De fleste elementer registreres av opplesende hjelpemiddel, og leses opp med tekst. Men enkelte objekter er figurer som ikke har noen alternativ tekst. 2. Grensesnittet kan håndteres uten at brukeren trenger å se skjermen Enkelte applikasjoner kan være beregnet på at brukeren må se innholdet på skjermen. Eksempel på dette er at brukeren skal tegne spesifikke figurer, mønstre eller lignende for å utføre oppgaver eller funksjoner. Dette vil resultere i ikke bestått på dette punktet. Dersom hele den pedagogiske idéen bygger rundt dette prinsippet kan det være et akseptabelt unntak, men det vil likevel være et problem både for sterk svaksynte brukere og brukere med motoriske funksjonsnedsettelser. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 35 Plasseringen av objektene som skal memoreres er tilfeldig, samtidig som tiden til å memorere er svært begrenset. Derfor er det ikke sannsynlig at oppgavene kan løses uten å se skjermen. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 110 (116)

111 3. Overskrifter er markert som overskrifter Om det i teknikken finnes mulighet til å definere overskrifter så skal det gjøres for tekster som faktisk er overskrifter. I HTML benyttes for eksempel H1-H6 elementene for dette. Det gjør det mulig for sterkt svaksynte brukere at raskt få en overblikk over informasjonen ved å hoppe fra overskrift til overskrift i teksten. WCAG 2.0: Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 44 Det er overskrifter, men de leses opp som ordinær tekst. Interaksjon 4. Det er mulig å forstørre teksten og zoome grensesnittet på en bra måte Dette handler om flere ting: En forstørring/zoomfunksjon i operativsystemet skal fungere i grensesnittet Om grensesnittet vises i en nettleser så skal den normale forstørring/forminskingfunksjonaliteten i nettleseren fungere Om operativsystemet ikke har noen forstørringsfunksjon og grensesnittet ikke vises i et program som tilbyr en sådan så må programmet selv gjøre det mulig å forstørre og forminske teksten. WCAG 2.0: 1.4.4, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 7, 23, 34, 46 Ingen forstørring i app en. Det lar seg gjøre å bruke operativsystemets forstørring, men grunnet tilfeldig plassering av spillebrikkene er sjansen ganske stor for at brukeren ikke rekker å få med seg alle brikkene før tiden er brukt opp. 5. Gjør det mulig for brukeren å styre grensesnittet med bare én finger Så langt som mulig skal grensesnittet kunne opereres med bare én finger. Dette kan kreve at knapper skjules og vises ut fra hvor på skjermen brukeren peker eller klikker. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 111 (116)

112 Funkas retningslinjer for tilgjengelige mobilgrensesnitt: Om grensesnittet er tenkt å brukes på enheter som har styringsknapper så skal disse fungere med grensesnittet På en ipad finnes bare volumkontroll, men på for eksempel Android-enheter er det vanligvis både en menyknapp og en tilbakeknapp. Særlig sistnevnte må fungere riktig, hvis ikke vil klikk på denne avslutte applikasjonen, med risiko for å miste arbeid eller progresjon. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 30 Visuell utforming 7. Klikkbare objekt er rimelig store Størrelsen på knapper og andre klikkbare objekt er viktig for alle brukere, men ikke minst for brukere med motoriske funksjonsnedsettelser. Eksakt hva som er en tilstrekkelig stor klikkflate varierer ut fra situasjonen, men et bra grunnprinsipp er at klikkflaten tilsvarer én teksthøyde ene veien og tre teksthøyder andre veien. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 18 Windows-app ene ser ut til å ha en standard tilbake-knapp oppe til venstre. Denne er på grensen i størrelse. 8. Det skal være visuelt tydelig hva som er klikkbart For at brukeren skal kunne forstå hvordan grensesnittet fungerer, og ikke gå glipp av viktige funksjoner og informasjon, er det viktig at det som er klikkbart også ser ut til å være klikkbart. I enkelte situasjoner gir sammenhengen tydelige indikasjoner, men langt fra alltid. Er det snakk om et lottospill med et antall brikker lagt ut kan vi anse at utformingen gjør at brukeren bør forstå at brikkene er klikkbare. Funkas retningslinjer for tilgjengelige mobilgrensesnitt: 26 Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 112 (116)

113 Spillbrikkene er ikke utpreget klikkbare, men samtidig er designet i spillet minimalistisk, så vi godkjenner derfor punktet. 9. Utforming og plassering av objekt hjelper brukeren til å benytte seg av innholdet Objekters funksjon skal fremgå tydelig. Dette handler både om størrelse, plassering og utforming. Dersom flere sider eller skjermbilder inneholder objekt med samme funksjon, bør disse objektene såfremt mulig ha samme utforming og plassering på alle sider/skjermbilder. WCAG 2.0: 1.3.3, 3.2.3, Funkas retningslinjer for tilgjengelige mobilgrensesnitt: - Vesentlige deler av instruksjonene kommer ikke med på skjermen for flere av spillmodusene. For eksempel ser ikke brukeren om tallene skal klikkes bort i stigende eller synkende rekkefølge faktisk var skjermleseren nødvendig for å få tak i den nødvendige teksten. 10. Bruk gode kontraster Kontrastene bør følge WCAG s anbefalinger om kontraster. I mobile grensesnitt bør WCAG s strenge punkt om kontraster (1.4.6) følges i så stor grad som mulig, og ingen unntak mot det snillere punktet (1.4.3) er akseptable. Funka Nu AB Döbelnsgatan 21, Stockholm kontakt@funkanu.se 113 (116)