WCAG 1.4.04 lettergrootte tekst font slechtzienden

Logo cursus traing wordpress

WCAG 1.4.04 lettergrootte tekst font slechtzienden

WCAG 2.1 – SC 1.4.4 Tekst verkleinen

Visueel weergegeven tekst, inclusief tekstgebaseerde besturingselementen, moet kunnen worden geschaald zonder speciale hulptechnologie zoals een schermloep.

Gebruikers kunnen baat hebben bij het schalen van alle inhoud op de webpagina, maar tekst is het meest kritisch.

Officiële vereisten voor tekstgrootte toegankelijkheid

1.4.4 Resize tekst: Behalve voor bijschriften en van tekst, kan tekst zonder ondersteunende technologie worden aangepast tot 200 procent zonder verlies van inhoud of functionaliteit.

Hoe op te lossen:

  • Specificeer in relatieve eenheden zoals ems, percentages, of gebruik lettergrootte op naam.
  • Specificeer de grootte van tekstcontainers in relatieve eenheden zoals ems, zodat ze meeschalen met de tekst.
  • Overweeg het gebruik van een “vloeibare” paginalay-out, die uitzet, inkrimpt en weer terugloopt als de browser viewport uitzet of inkrimpt.
  • Gebruik waar mogelijk echte tekst in plaats van afbeeldingen van tekst. Zelfs als een browser de tekst van een afbeelding kan schalen, zal deze er wazig of pixelig uitzien.

Is er een minimale lettergrootte?

Ik krijg nogal eens de vraag:

Ik hou van kleinere tekst op het web. En zelfs als de tekst vrij normaal is, zien sommige onderverdelingen of kleine stukjes informatie er leuk uit als ze veel kleiner zijn (denk aan 12px of zo). Is er een minimale lettergrootte toegestaan?

Er is geen officiële minimale lettergrootte voor het web, maar algemeen wordt aangenomen dat 16px voor bodytekst een goed uitgangspunt is. Natuurlijk zal sommige tekst kleiner zijn en zullen koppen vaak groter zijn. Maar de hoofdtekst (zoals wat je nu leest) moet meestal 16px of groter zijn. Bovendien staat in de WCAG officieel dat bezoekers alle tekst op de pagina moeten kunnen verkleinen tot minstens 200% van de oorspronkelijke grootte.

Links over lettergrootte slechtzienden

Accessible Font Sizing, Explained

https://webaim.org/techniques/fonts/
https://accessibility.digital.gov/visual-design/typography/


Wil je meer details over WCAG 1.4.04 lettergrootte tekst font slechtziendenof info?

Wil je meer weten? Veel lezers met interesse in WCAG 1.4.04 lettergrootte tekst font slechtzienden bekeken ook de onderstaande artikelen:


Meer halen uit je WordPress websites

Wil je meer halen uit je websites dan nu?
Overweeg dan de volgende trainingen en adviezen:

Scroll naar boven