Reflow

sample webpage with reflow for a small screen
Figure 1 Example of a page when Reflowed

Users with visual impairments view webpages at a certain zoom levels. Hence, it is necessary that the content and functionality of the webpage is not affected.

In general, browsers provide up to 400% zoom levels / text resize options.

NOTE:

  • New to accessibility or uncertain of requirements, it will be helpful to review all sections below.
  • Already familiar with requirements, skip to the “Working Example” section for sample HTML, CSS and JavaScript (when needed), along with a working demo.