Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Barrierefreiheit
Moet tekst op een website tot 200 procent kunnen worden vergroot?
Ja: bezoekers moeten de tekst van uw website tot 200 procent — dus dubbele grootte — kunnen vergroten zonder verlies van inhoud of functie. Veel mensen met verzwakkend zicht lezen standaard vergroot. De browser-zoom doet dit vanzelf, zolang de website hem niet blokkeert of bij vergroting breekt.
De browser-zoom is de leesbril van het web
Wie kleine letters slecht kan lezen, drukt op de computer Ctrl en Plus of spreidt op de telefoon twee vingers — en de pagina groeit. Voor veel ouderen is dit de normale manier om websites überhaupt te lezen. De regel vereist dat daarbij tot dubbele grootte niets verloren gaat: teksten mogen niet overlappen, knoppen niet uit beeld verdwijnen, inhoud niet afgesneden worden. De meest voorkomende en ergste inbreuk is zoom-vergrendeling op telefoon: een code-instelling die twee-vingers vergroten volledig verbiedt. Deze stamt meestal uit oude sjablonen en kan in minuten verwijderd — de winst voor zwakzienden is enorm.
Zo test onze meting vergrootbaarheid
Onze meting leest de weergave-instelling van uw pagina uit en herkent zoom-vergrendelingen betrouwbaar: verbiedt de code vergroten op telefoon of begrenst hij onder dubbele grootte, dan meldt het rapport dit als ernstige bevinding met duidelijke reden. Bovendien noteert de controle of uw pagina eigen lettertype-omschakeling biedt — dit is een comfort-kenmerk, maar vervangt werkende browser-zoom niet. Of de pagina bij werkelijke vergroting netjes omvloeit, hangt nauw samen met verwant criterium voor omvloeiing, dat onze meting in diverse schermbreedte meet. Het oordeel over gedrag bij 200 procent velt bij gouden standaard een persoon die de pagina vergroot bedient.
Beispiele
Zoom gesperrt, Höhe fest
<meta name="viewport" content="width=device-width, maximum-scale=1, user-scalable=no">
<style>.karte { height: 120px; overflow: hidden; }</style><meta name="viewport" content="width=device-width, initial-scale=1">
<style>.karte { min-height: 120px; }</style>Bei 200 Prozent wächst der Text; Kästen mit fester Höhe schneiden ihn ab. min-height lässt ihn wachsen.
- Druk op uw website Ctrl en Plus tot 200 procent bereikt — alle inhoud en knoppen moeten bruikbaar blijven.
- Test op telefoon twee-vingers vergroten — werkt het niet, laat zoom-vergrendeling uit de code verwijderen.
- Vraag uw bureau lettergroottes in aanpasbare eenheden in plaats van vaste pixelwaarden in te stellen.
- Controleer na vergroten vooral menu's en formulieren — daar klemmen eerste.
- Vertrouw niet alleen op eigen lettergrote-omschakelaar: browser-zoom moet altijd aanvullend werken.