Hvorfor er suksesskriteriet viktig?

Personer med nedsatt syn skal kunne forstørre teksten uten å gå glipp av noe på siden.

Anbefalinger

Bruk Aksels typografikomponenter – da er suksesskriteriet som regel ivaretatt. Du bør likevel teste at informasjon ikke går tapt når tekststørrelsen er 200%.

Vanlige misforståelser

Du kan forstørre teksten i en nettleser på flere måter. I tillegg til å zoome, kan du endre selve tekststørrelsen i innstillingene. I Chrome kan du for eksempel sette fonten til «stor» eller «veldig stor». Men du kan ikke direkte si hvor mye større fonten skal bli relativt til utgangsstørrelsen. Visning av nav.no i «veldig stor» i Chrome tilsvarer ca. 150% av utgangsstørrelsen, teksten blir altså ikke stor nok for å teste kriteriet. Det er best å teste kriteriet gjennom å zoome.

Hvordan teste kravet

Kjernespørsmålet

Kan teksten forstørres til minst 200% med vanlig nettleserfunksjonalitet uten at innhold eller funksjonalitet går tapt?

Innhold du må teste

All tekst på siden, også tekst på knapper og andre interaksjonselementer. Bilder av tekst og teksting av video er unntatt.

Testmetode

Ofte stilte spørsmål

Kan jeg også teste dette ved å endre zoom i systeminnstillingene til maskinen min?

Ja, det kan du. Men det blir betydelig enklere å teste kriteriet ved å bruke zoom i nettleseren. Endrer du zoom i systeminnstillingene, ser du bare en del av skjermen om gangen.

Er testmetoden dere skisserer nøye nok?

Testmetoden vi skisserer over er noe forenklet, men bør dekke de aller fleste tilfellene på en grei måte. Vi opplever til vanlig at teksten enten skalerer helt fint, eller ikke i det hele tatt.

Hvis du er usikker om kriteriet er oppfylt og ønsker å være helt nøye, kan du bruke den her testmetoden:

• Åpne to forskjellige nettlesere (ikke bare to vinduer eller faner av samme nettleser).
• Skaler viewportene i begge nettleserne til samme størrelse. Vi anbefaler 1366 x 768, siden dette er en vanlig og hyppig brukt størrelse.
• Nettleser 1: Åpne siden, sjekk at viewporten fortsatt er som du satt, og at zoom er satt til 100%.
• Nettleser 2: Åpne samme side, sjekk at viewporten er som du satt den, og zoom til 200%.
• Sammenlikn innhold og funksjonalitet i begge nettleserne.

Sjekk at:

• Teksten er 200% av den originale størrelsen. Du kan også zoome inn enda mer ved behov.
• Når teksten er forstørret til 200%, er fortsatt alt innhold og all funksjonalitet tilgjengelig

Hvordan kan jeg endre viewporten?

Du kan bruke Chrome DevTools - legg den til høyre side av innholdet du ønsker å teste.

Alternativt kan du bruke Device Toolbar i DevTools.