1-4-10
Navigatiemenu verdwijnt bij inzoomen
Home. Over ons. Diensten. Projecten. Contact. Vijf links op een rij. Op een breed scherm prima. Bij 400% zoom? Dan past “Contact” niet meer. Die link valt buiten het scherm. Zonder scrollbar. Zonder hamburgermenu.
Kolommen die niet onder elkaar gaan
Sidebar links. Content rechts. Op een groot scherm: perfect. Bij 400% zoom: twee kolommen gepropt in 320 pixels. De sidebar neemt de helft in beslag. De content wordt zo smal dat je twee woorden per regel leest. Of je moet horizontaal scrollen.
Tekst afgesneden door een vaste hoogte
Een banner van 200 pixels hoog. Past precies. Mooie headline, korte tekst, call-to-action.
Content verdwijnt door overflow hidden
Je zoomt in op een webpagina. De tekst wordt groter. En dan, halverwege een zin, houdt de tekst op. Alsof iemand de rest heeft afgeknipt.
SC 1.4.10 - Wat betekent "Reflow"?
Iemand die slecht ziet, zoomt in tot 400%. Op een site die zich niet aanpast betekent lezen dan: naar rechts scrollen, terug naar links, en dat bij elke regel opnieuw. Na 2 alinea’s geeft iedereen dat op. Daarom zegt WCAG: de inhoud moet zich schikken naar het scherm, zonder scrollen in twee richtingen.