Responsivt design

Et såkalt responsivt design, et oppsett som tilpasser seg både til zooming og til lesing på mobile flater, er nyttig for alle elever - men nødvendig for noen.

Et av de viktigste hjelpemidlene for de med moderat nedsatt syn, er det å kunne zoome inn på teksten for å se nærmere på den. I tillegg må man kunne lese teksten på en mobiltelefon i høydeformat, uten å måtte skrolle horisontalt. Dersom man må skrolle horisontalt, er det mye vanskeligere å lese.
Noen elever vil ha motoriske vansker med å skrolle horisontalt.
Noen elever har mobilen festet til rullestol, og da er det som oftest høydeformatet de bruker.
Det er vanlig å bruke mobiltelefon og nettbrett til å se nettsider i dag. Videoer og kart har vi forventninger om at skal fungere best vertikalt. Men som oftest bruker vi vertikalt format når vi leser alle andre nettsider, og da bruker vi altså mobilen i stående posisjon.

I det norske lovverket for universell utforming av IKT står det at:

tekst skal kunne forstørres opp til minst 200 % visning, uten at man mister innhold og funksjonalitet.
innhold skal være dynamisk, det skal kunne endres til 400 % størrelse ved 1280 piksler bredde, uten at man mister innhold og funksjonalitet.

Slik undersøker du om nettleserforstørring av tekst fungerer

Sett nettleseren Chrome i fullskjerm på den største skjermen du har tilgang til.
Bruk nettleserens zoomfunksjon, som du finner bak tre små prikker oppe til høyre i Chrome sitt grensesnitt. Her kan du velge 200 % direkte, så dette er lettere enn å bruke hurtigtastene for zooming som er Ctrl +/- (Windows) eller Cmd +/-.
Gå stegvis opp til 200 % og sjekk at innhold og funksjonalitet er tilgjengelig og forståelig. Med andre ord skal ikke bilder eller tekst bli kuttet eller forsvinne fra skjermbildet.

Slik undersøker du om innhold vil fungere i 400 % forstørring i 1280 pikslers bredde

Det man egentlig gjør nå man undersøker dette, er å sjekke responsivt design og mobilvennlighet. Det skal være mulig å se siden i høydeformat, uten å måtte rulle horisontalt.

Smalne inn Chrome, slik at bredden blir cirka 1280 piksler. Du kan bruke kodeinspektor-programvare til dette. Jeg pleier å smalne inn Chrome og dernest ta skjermbilder av bredden. Så sjekker jeg bredden på disse skjermbildene ved å høyreklikke på bildet og se på informasjonen om bildet. Der oppgis høyde og bredde. Jeg prøver et par ganger til jeg finner ca. 1280 piksler. Neste gang jeg skal sjekke innhold i 400 %, vet jeg omtrent hvor bredt dette vinduet skal være.
Når man så leser teksten og ser bildene på siden, skal det være mulig å se dette uten å måtte skrolle horisontalt. Ingen elementer bør være så små at de ikke vises på en mobiltelefon eller nettbrett. Dersom man har limt inn bilder av tekst, vil man oppdage her hvor vanskelig dette er for leseren.

Reflektér

Hvordan reagerer du dersom du opplever å måtte skrolle horisontalt eller snu skjermen på vanlige nettsider?