How to Fix: Text resizable to 200%

Text resizable to 200% is an important SEO check in the Accessibility (WCAG) category. This is a medium-priority issue. While not urgent, fixing it will improve your overall SEO health.

What this check actually means

A visitor must be able to enlarge your text to 200% of its default size and still use the page — read every word, reach every link, operate every control — without content overlapping, getting clipped, or vanishing off the edge. This is WCAG success criterion 1.4.4, Resize Text. The check fails when zooming the text breaks the layout: buttons that swallow their own labels, a menu that collapses into unusable overlap, a paragraph that runs off the screen with no way to scroll to it.

The usual root cause is a layout built in fixed pixels — text sized in px, containers with hard height values, and buttons that cannot grow with their contents. The moment the text scales and the box does not, something has to give.

Why it matters

Start with the people. A large share of your audience enlarges text — older readers, anyone with low vision, and plenty of people just reading on a phone in bright sun. If your page falls apart at 200%, you are turning those visitors away at the door, and on a content or commerce site that is real revenue walking off.

Then the SEO and legal reality. Accessibility signals feed the overall quality picture Google forms of your pages, and the same relative-unit, flexible-layout discipline that satisfies this criterion also makes your site more robust on the enormous range of screen sizes Google now crawls and ranks on mobile. There is a compliance dimension too: accessibility conformance is increasingly a legal expectation, not a nicety, and resize-text is one of the most commonly cited failures. Fixing it protects you on more than one front.

How to check it

• In your browser, zoom to 200% (Ctrl/Cmd and + a few times) and walk through your key templates — home, a post, a product, the checkout. Watch for clipping, overlap, and horizontal scrolling.
• Test the browser’s text-only zoom where available, which enlarges text without scaling the whole page — a stricter version of the same test.
• Inspect your buttons and navigation at 200% specifically; these break first because their boxes are often fixed-height.
• Check your page source for a viewport meta tag that sets maximum-scale=1 or user-scalable=no — that actively blocks zoom and is a direct failure.

How to Fix This in WordPress

Difficulty Level: MEDIUM – This fix requires some technical knowledge or familiarity with WordPress settings and plugins.

Estimated Time: 30 min

Most of the fix is in your theme’s CSS. Half an hour gets you a long way.

Step 1: Remove any zoom blocker

If your viewport meta tag disables scaling, fix it first — it is a one-line change with an outsized impact. The tag should allow the user to zoom; strip maximum-scale=1 and user-scalable=no. Some themes and page builders add this “to feel more app-like,” and it directly fails the criterion.

Step 2: Move typography to relative units

Size text in rem or em rather than fixed px so it scales with the user’s preference. In a block theme, set your font sizes through theme.json using relative units; in a classic theme, adjust the stylesheet. The goal is that text is expressed relative to a base the user can change, not nailed to an absolute pixel value.

Step 3: Let containers flex with their text

Replace fixed height on buttons, cards, and navigation with min-height and adequate padding so the box grows when the text does. Prefer flexible layouts (flexbox and grid) that reflow rather than fixed-width columns. This is where most real breakage lives, so give it the bulk of your thirty minutes.

Step 4: Verify

1. Clear your WordPress cache if you’re using a caching plugin
2. Zoom to 200% again on every key template and confirm nothing clips, overlaps, or scrolls off-screen
3. Re-run the SEO Roadmap audit to confirm the accessibility check passes

Recommended Tools & Plugins

These tools can help you fix and prevent this issue:

• Yoast SEO – Comprehensive SEO plugin with built-in checks
• Rank Math – Feature-rich SEO plugin with detailed analysis
• Google Search Console – Free tool to monitor your site’s search presence
• SEO Roadmap – Complete SEO audit and action plan tool

What I would avoid

• Disabling zoom to force a tidy layout — it fails the criterion outright and frustrates real users.
• Installing an accessibility-overlay widget and calling it done; an overlay does not fix a layout that breaks at 200%.
• Fixing font sizes but leaving fixed-height buttons and cards, which are where the visible breakage actually shows up.
• Testing only the homepage — the checkout and forms are where a resize failure costs you money.

This guide is part of the SEO Roadmap knowledge base – your complete resource for WordPress SEO optimization.