WCAG 1.4.4 Resize Text: what it means and how to fix it

Level AA · Perceivable · Updated

Short answer: People must be able to zoom text to 200% without content being cut off or overlapping, and mobile pages must not block pinch-zoom.

What it requires

Except for captions and images of text, text must be resizable up to 200 percent without assistive technology and without loss of content or functionality. On mobile, a viewport setting that disables zoom (user-scalable=no or maximum-scale=1) prevents this.

Who it affects

Low-vision visitors who rely on browser zoom or pinch-zoom instead of a screen reader.

How it shows up in ADA website claims

Complaints sometimes cite mobile sites that block zooming, and layouts where zoomed text overlaps or hides the checkout button.

How to check your site

  1. On desktop, zoom the browser to 200% (Ctrl/Cmd and +) and walk through the main pages and checkout.
  2. On a phone, try to pinch-zoom. If it does not work, check the viewport meta tag.
  3. Look for text in fixed-height boxes that gets cut off.

How to fix it

<!-- Fails: blocks zoom -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<!-- Passes -->
<meta name="viewport" content="width=device-width, initial-scale=1">

Use relative units (rem, em) for font sizes, avoid fixed heights on text containers, and let content wrap.

Frequently asked questions

Why do some themes disable zoom?

Usually to stop iOS from zooming into form fields. The better fix is a font size of at least 16px on inputs, which prevents the auto-zoom without blocking users.

Is 200% zoom the same as responsive design?

They are related. A layout that reflows well on small screens usually survives 200% zoom. 1.4.10 Reflow goes further, requiring no horizontal scrolling at 400% zoom.

Do images of text fail this?

Images of text do not resize cleanly, which is why 1.4.5 asks you to use real text instead of pictures of text wherever possible.

Automated rules that test this (axe-core): meta-viewport, meta-viewport-large. Our scanner runs these checks.

Other commonly cited criteria

Read the official WCAG 2.1 specification at W3C.

Proof of Access provides technical accessibility assessments. We are not a law firm and nothing on this page is legal advice. If you have received a demand letter or a lawsuit, talk to an attorney.