Hvorfor er suksesskriteriet viktig?

Svaksynte og lesehemmede kan benytte verktøy som gjør at det er lettere for de å lese tekst. Blant annet kan avstanden mellom linjer, avsnitt, bokstaver og ord tilpasses. Det er viktig at vi designer og koder nettsider på en måte som ikke hindrer slike justeringer.

Anbefalinger

• La tekst wrappe over flere linjer heller enn å kutte den av ved en bestemt bredde.
• Unngå elementer med fast høyde.
• Vær forsiktig hvis du spesifiserer bredde til skjemaelementer med absolutte enheter som piksler.
• Unngå overspesifisering av CSS-selectors og bruk av `!important`.
• Hent undertekster til video fra en fil (for eksempel VTT), ikke brenn teksten inn i videoen.

Vanlige misforståelser

Det er en vanlig misforståelse at WCAG krever en minimum linjehøyde. Grunnen til misforståelsen er AAA-nivå suksesskriteriet 1.4.8 Visuell presentasjon som krever en minimum linjehøyde, og vi har skrudd på denne regelen som default i Siteimprove. Suksesskriteriet 1.4.8 er ikke lovpålagt. Suksesskriteriet som er lovpålagt er 1.4.12, og det krever bare at brukeren må kunne justere tekstavstanden.

Hvordan teste kravet?

Kjernespørsmålet

Blokkerer vi brukeren fra å kunne justere avstanden mellom linjer, avsnitt, bokstaver og ord?

Innhold du må teste

• Alt av tekstlig innhold på siden som ikke er implementert som et bilde
• Video med undertekster

Vær særlig nøye med å sjekke skjemaelementer, inndata i tekstfelter, tabeller, tekst brukt i forbindelse med bilder og egenutviklede grensesnittkomponenter som tooltips og tabs.

Testmetode

Bruk Steve Faulkners bookmarklet. Last inn siden du vil teste på nytt. Klikk på bookmarklet’en og verifiser følgende:

• Alt av tekstlig innhold på siden har økt avstand mellom bokstavene og ordene.
• For tekst som går over flere linjer, sjekk at avstanden mellom linjene har økt.
• Sjekk at avstanden mellom avsnittene har økt.

Det kan hende du må aktivere bookmarklet'en på nytt for å teste innhold som vises etter du første aktiverte den, for eksempel ekspanderbare elementer som accordions, feilmeldinger og innhold som er lastet inn dynamisk.

Ofte-stilte spørsmål

Betyr dette at jeg må bygge en widget som lar brukeren justere teksten?

Nei, du trenger ikke bygge noe selv—du skal bare unngå å blokkere for at brukerens egne verktøy kan justere tekstavstanden.

Kan jeg bruke en ellipse eller ut-fading til å kutte av teksten?

Ja, så lenge innholdet fortsatt er tilgjengelig, for eksempel ved å laste den inn når brukeren aktiverer eller fokuserer innholdet. Dersom innholdet som blir kuttet av er en lenke, er det innafor så lenge resten av teksten finnes på siden lenken leder til.

Gjelder kravet for bilder av tekst?

Nei, men vi skal heller ikke bruke bilder av tekst hvis ikke vi absolutt må.

Hva med undertekster?

Videoer med closed captions må oppfylle kravet. Hvis en video har undertekster brent inn som en del av bildet («open captions») trenger ikke disse møte kravet. Det sagt, en av grunnene vi anbefaler bruk av såkalte closed captions, der undertekster legges til videoen ved hjelp av en tekstfil, er nettopp fordi disse kan tilpasses brukerens visningspreferanser--blant annet tekstavstand.

Hva med tekst der stylingen er kontrollert av nettleseren?

Tekst som er en del av nettleserens grensesnitt, f.eks. tooltips som kommer fra title-attributtet eller kontekstmenyer, er ikke omfattet av kravet.

Gjør

Gjør