Standarder · WCAG 2.2

SC 1.4.8 Niveau AAA WCAG 2.0

Visuel præsentation

For blokke af tekst skal brugere kunne styre forgrunds-/baggrundsfarve, linjebredde (maks. 80 tegn), justering (ingen fuldlinjejustering), linjeafstand (1,5x) og afsnitsstørrelse (1,5x linjeafstand) — uden vandret rulning ved 200 % zoom.

Hvad det kræver

For langformat tekstindhold samler succeskriteriet fem krav: brugere kan vælge forgrunds- og baggrundsfarver; linjelængden overstiger ikke 80 tegn (40 for kinesisk, japansk og koreansk); teksten er ikke fuldlinjejusteret; linjeafstanden inden for afsnit er mindst 1,5, og afsnitsstørrelsen er mindst 1,5 gange linjeafstanden; og teksten kan forstørres til 200 % uden vandret rulning og uden brug af hjælpeteknologi.

Sådan opfyldes det

  • Begræns læsekolonner til ca. 60-75 tegn pr. linje for engelsk brødtekst.
  • Brug venstrejusteret tekst (eller højrejusteret for RTL-sprog) — aldrig text-align: justify.
  • Sæt line-height til mindst 1,5 på brødtekst og brug gavmild margin-bottom mellem afsnit.
  • Tilbyd et brugerdefinerbart tema eller respekter prefers-color-scheme, så forgrunds- og baggrundsfarver er brugerregulerbare.
  • Test ved 200 % zoom: teksten bør ombryde inden for kolonnen uden vandret rulning.

Hyppige fejl

  • Magazinstil med fuldlinjejusterede kolonner der skaber hvide floder og forsinker læsningen.
  • Brødtekst gengivet i brede beholdere med mere end 120 tegn pr. linje.
  • line-height: 1.2 på brødtekst, der trænger linjer sammen og gør det svært at læse for synsnedsatte.
  • Ingen temavælger og ingen respekt for prefers-color-scheme.

Hvorfor det er vigtigt

AAA — sjældent et kontraktkrav. Men det underliggende råd — korte linjer, generøs afstand, ingen fuldlinjejustering — er blot god typografi. At opfylde dette succeskriterium er en sideeffekt af at designe for læsbarhed frem for tæthed.