1.4.4 Herschalen van tekst

(Niveau: AA)

Gebruikers moeten tekst tot 200% kunnen vergroten, zonder verlies van content of functionaliteit. Alle informatie moet leesbaar en alle functies beschikbaar blijven. Deze functie voert de gebruiker uit via de browser, de website hoeft hier geen extra knoppen voor beschikbaar te stellen.

Fouten gerelateerd aan 1.4.4 hebben vaak te maken met tekst die buiten het scherm valt. Ook zijn er regelmatig fouten bij een uitklapbaar menu of instellingen van een cookie-notice. Test daarom altijd de gehele website in de 200% vergroting.

Zoomen uitschakelen via de viewport

Wanneer een pagina helemaal niet vergroot wordt, kan dit in de broncode van de website ingesteld zijn. Dit is in het <head> gedeelte van de broncode. Vaak staat hier een <meta> element met het attribuut name=”viewport”. Belangrijk voor 1.4.4 is dat dit element geen maximum-scale onder de drie, user-scalable=no of minimum-scale van één bevat.

Een voorbeeld van hoe het niet moet is te zien in onderstaande code.


​<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

Voorbeeld van hoe het wel moet:


<meta name="viewport" content="width=device-width, initial-scale=1">

Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:

  • Aanpasbaar: De afbeelding van tekst kan visueel aangepast worden aan de eisen van de gebruiker;
  • Essentieel: Een specifieke weergave van tekst is essentieel voor de informatie die wordt overgebracht.

Hulp bij digitale toegankelijkheid

Wij zijn een full-service partner voor digitale toegankelijkheid: bewustwording, advies en borging. Samen maken we digitale dienstverlening toegankelijk en inclusief.