Zoom, reflow & spacing

The Page Stops People Zooming in past a Low Limit

The page caps how far people can pinch-zoom on a phone, so anyone who needs very large text hits a wall before they can read it.

meta-viewport-largeBest practiceBest practice — not a WCAG requirement, but it helps people all the same.

Status: MinorMinor — Cosmetic, or best practice.CurrentScanners run this rule today.
Owner: DesignDevTest
Audit: AutomatedA scanner finds it, and a clean scan means it's fixed.

Why it matters

The <meta name="viewport"> tag tells phones how to size the page. Its maximum-scale setting can limit pinch-zoom. If it is below 5, people can't zoom to five times the size.

Many people with low vision zoom in a lot to read small text or see detail. A low cap leaves them squinting, or reaching for another device or app.

Who it affects

Who it affects, and how much
Who	What they experience	Impact
Low-vision users (magnification)	They pinch to zoom on their phone, and the page stops growing before the text is big enough.	High impact
Cognitive and neurodivergent users	Some people zoom in to focus on one part of the page and lose that option.	Partial impact
Motor and dexterity	People who zoom to make small buttons easier to hit can't zoom as far.	Partial impact

Business & product impact

Business & product impact, with how much each claim weighs
Area	Why	Impact
Legal	This is a best practice, not a WCAG 2.2 requirement on its own. Still, blocking zoom can lead to complaints under Australia's Disability Discrimination Act.	Low impact
Conversion	Mobile shoppers who can't read prices or terms may leave. Many people over 50 zoom often.	Moderate impact
SEO	No real search benefit — don't sell it as one.	Low impact
Brand trust	Blocked zoom feels frustrating and careless to people who rely on it.	Moderate impact
Cost to fix	A one-line change in the page template. Then check that the layout holds up when zoomed.	High impact

Fixing it in code

The viewport tag in the page head

Don't

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">

A screen reader says: “Nothing is announced. On many phones, pinch-zoom stops at twice the size.”

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

A screen reader says: “Nothing is announced. People can pinch-zoom as far as their phone allows.”

Without maximum-scale, the browser lets people zoom freely.

Designer's handoff note

Don't ask for zoom to be locked to protect a layout. Instead, check how your designs look when someone zooms in a lot on a phone.

Quick test

Tool

An Android phone with Chrome, or the browser's View Source

Checklist

Step 1: Open the page in Chrome on an Android phone.
Step 2: Pinch outwards as far as you can.
Step 3: Or view the page source and search for `maximum-scale`.

Pass: You can zoom to about five times the size, and `maximum-scale` is missing or 5 or more.
Fail: Zoom stops early, or `maximum-scale` is set below 5.

What a green scan still misses

A scanner reads the viewport tag. It can't tell whether the page still makes sense when zoomed, or whether a script blocks pinch gestures.

Reference

Rule ID: meta-viewport-large
Raised by: axe-core: “Users should be able to zoom and scale the text up to 500%”
WCAG: Best practice — not a WCAG requirement
Read more: Deque University: meta-viewport-large (opens in a new tab)
Last reviewed: 14 October 2026