Løsningsforslag per krav 1.4.4 Endring av tekststørrelse

Hva er kravet?

1.4.4 Endring av tekststørrelse.

Hva bør jeg teste?

Her er en oppsummering av våre testregler og hva som er forventet resultat av testingen.

Løsningsforslag for 1.4.4 Endring av tekststørrelse

Formålet med kravet er å sikre at brukerne kan endre størrelsen på teksten. Dette er spesielt viktig for å imøtekomme behovene til personer med synshemninger eller nedsatt syn, men gir også økt brukervennlighet for alle brukere.

Forstørring

Nettstedet må fungere med tekstforstørring opp til 200 % av ordinær størrelse uten tap av innhold eller funksjonalitet. Alle moderne nettlesere lar brukeren forstørre kun tekst eller alt innhold, og brukerne må ha anledning til å benytte disse funksjonene og fremdeles ha tilgang til alt på nettstedet.

En vanlig feil er at ved forstørring, vokser et dekkende felt og forstyrrer stadig mer av menyen, som vist i bildet under.

Bruk relative enheter

Når du angir tekststørrelser, bruk relative enheter som prosent eller em i stedet for absolutte piksler. Dette gjør at tekststørrelsen skaleres i forhold til brukerens preferanser.

Kodeeksempel:
css
p {
  font-size: 100%;
}

Unngå faste tekststørrelser

Ikke lås tekststørrelsen til en bestemt størrelse, da dette kan hindre brukere fra å endre den etter behov.

Kodeeksempel:
css
h1 {
  font-size: 2em;
}

Tilrettelegg for tekstforstørring

Sørg for at hele nettstedet fungerer godt når tekststørrelsen økes. Pass på at ingen innholdselementer blir beskjært eller overlapper hverandre ved større tekst.

Kodeeksempel:
css
.container {
  width: 100%;
  overflow: hidden;
}