Reflow

Reflow is a secondary element. It is recommended to include in your digital product.

┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈

“Reflow” is also better known as responsive design. Using a fluid, straightforward page layout can lower cognitive load and allow for easier reading for people with low vision. People with low vision who need to enlarge text will greatly benefit from a consistent, fluid layout regardless of scale. Reflow is also best for SEO.

Summary Points:

  • Reflow = Responsive Design

  • Zooming over 300% will generate a single column

  • Pages should move fluently from mobile to tablet to desktop while desktop is default

  • Allows people to zoom in up to 400%

  • Google pushes down SEO site rankings when a website is not responsive

  • Responsive default pages (desktop) are usually made up of 2,3+ columns

  • Enabled by CSS media queries

  • PDF’s offer reflow in addition to CSS on the web

  • Should always respond to the device

Example:

Further On This Topic:

https://web.dev/responsive-web-design-basics/

https://www.w3.org/WAI/WCAG21/Understanding/reflow.html

Responsive “reflow” design