Text Resizing and Zoom Support

Text Resizing and Zoom Support

Many people increase text size or zoom into a page to read comfortably. WCAG requires that content stays usable when text is enlarged up to 200%, with nothing cut off, overlapping or disappearing.

A layout that breaks when zoomed signals rigid, fragile design. Building flexibly from the start means your site adapts gracefully to whatever size people need.

Designing for Flexibility

Using relative units and responsive layouts lets text and containers grow together, rather than fixing everything to a single pixel size.

  • Text scales without becoming clipped or hidden.
  • Content reflows instead of forcing horizontal scrolling.
  • Buttons and menus remain reachable when enlarged.

Reflow on Small Screens

Zooming on a desktop is much like viewing on a small phone: in both cases content must reflow into a single readable column. The same responsive techniques solve both at once.

Frequently Asked Questions

Does supporting zoom mean a plainer design?

No. A well-built responsive design already handles zoom gracefully, so there is no trade-off with visual quality.

If you need a hand with any of this, your Progressive Robot delivery team is ready to help. Raise a ticket from the Support area of your client portal or speak to your account manager and we will guide you through the next steps.

Did you find this article useful?