U bent hier: HomeDe richtlijnenVormgevingTekstopmaak

Tekengrootte is eenvoudig te wijzigen

Opgelet! Nieuwe ijkpunten

De ijkpunten in deze rubriek zijn niet meer van toepassing. De nieuwe AnySurfer checklist op 2dot0.anysurfer.be vervangt de oude richtlijnenset van 2006.

Slechtzienden, ouderen en mensen die met een hoge schermresolutie werken, vinden de standaardgrootte van tekst op webpagina's vaak te klein. Wat kleine en grote tekst is, is voor iedereen verschillend. Een ideale lettergrootte bestaat dan ook niet. Daarom vraagt dit ijkpunt dat bezoekers de lettergrootte kunnen aanpassen met behulp van de ingebouwde browserfuncties.

Voor gebruikers van Firefox, Opera of Safari maakt het niet uit in welke eenheid u de lettergrootte uitdrukt. Internet Explorer heeft echter een duidelijke voorkeur voor relatieve eenheden. Als de lettergrootte in absolute eenheden is gedefinieerd, weigert deze browser de letters te vergroten als je in het menu Beeld een andere Tekengrootte kiest.

Voorbeelden (CSS)

Niet goed: absolute eenheden

font-size: 10px; // Pixels
font-size: 12pt; // Punten

Goed: relatieve eenheden

font-size: 1em;    // Em's
font-size: 120%;   // Procenten
font-size: medium; // Keywords (xx-small t.e.m. xx-large)

Alternatieve oplossing

In sommige gevallen kan de omschakeling naar relatieve eenheden het uiterlijk van bestaande webpagina's aantasten of onvoorspelbaar maken. Daarom is het ook toegestaan om een zogenaamde Stylesheet switcher toe te voegen. Zo'n stylesheet switcher bevat een of meerdere links waarmee bezoekers de hele website met één muisklik in een ander kleedje kunnen steken. Meer hierover vindt u bij het ijkpunt Geen overlapping bij een vergroting tot 150%.

Gebruikersgroepen die baat hebben bij het toepassen van dit ijkpunt

  • Slechtzienden en ouderen
  • Gebruikers van zakcomputers en GSM's
  • Iedereen

Wie waakt over het respecteren van dit ijkpunt?

  • Webdesigner (templates en stylesheets)

Betrokken tags en attributen

  • font-size

Overeenkomstige richtlijnen

  • BlindSurfer: richtlijn 12
  • WCAG 1.0: ijkpunt 3.4

Naar boven