• Success Criterion 1.4.4
  • Conformance level AA

CSS Setting That Suppresses the Browser’s Text-Size Scaling

1.4.4 — Resize Text

Scenario

Setting

An insurance company's claims form

What’s wrong

text-size-adjust: none combined with px sizing suppressing platform text scaling.

Example 

html { -webkit-text-size-adjust: none; font-size: 14px; }
<!-- combined with px sizing throughout, this suppresses the browser's own text-scaling entirely -->

Why it matters

A claimant filling out a form after an accident, needing larger text, finds the browser's zoom and text-size controls simply do nothing.

How to test

Check CSS for text-size-adjust: none combined with px font sizes: this combination actively suppresses platform text scaling.

How to fix

Remove text-size-adjust: none and size type in rem so both browser zoom and OS text-size settings work as expected.

html { font-size: 100%; }
body { font-size: 1rem; }

Outcome

The claimant enlarges the claims form text through their browser's normal zoom controls, no workaround needed.

Who is affected

Low-vision users on mobile browsers, who lose their platform's built-in text-scaling as their fallback when a site blocks it.

Learn more

Related scenarios