Reflow
Inhoud moet bruikbaar zijn bij 400% zoom zonder horizontaal scrollen (bij 320px CSS-breedte). Geen informatie mag verloren gaan of functionaliteit verbroken raken. Essentieel voor slechtziende gebruikers.
Pagina’s moeten zich aanpassen aan een klein of ingezoomd scherm, zonder dat u zijwaarts moet scrollen om elke regel te kunnen lezen.
Waarom dit belangrijk is
Mensen die de weergave vergroten tot 400% — wat vaak voorkomt bij slechtzienden — houden dan een kolom over van ongeveer 320px breed. Als de pagina dwangmatig in twee richtingen moet worden gescrolld, wordt het lezen een traag karwei waarbij men regel voor regel moet doorwerken.
Hoe te detecteren
Stel het browservenster in op 1280px en zoom in tot 400% (of gebruik een viewport van 320px breed). Lees een paar alinea’s: moet u horizontaal scrollen? Wordt er iets afgesneden of overlapt er iets?