Browser Zoom: 6 Checks for a More Readable Website
What happens when someone enlarges your website? Text and controls should stay useful as the view changes.
1:47 · No narration: the video shows each step as text on screen, and every step is written out below, with buttons that jump the video to it.
Prefer YouTube? Watch this video on our YouTube channel (opens in a new tab).
The six points in the video
This is a silent video. The headings, explanations and labels below reproduce the information on screen.
-
Step 1: Use the browser zoom controls
Start with a normal page and gradually enlarge the view.
On-screen labels: Normal view; Larger view; Real page content.
-
Step 2: Check text at 200 percent
WCAG includes a requirement to resize text without losing function.
On-screen labels: Larger text; Content remains available; Controls still work.
-
Step 3: Watch headings and buttons
Long labels should not disappear outside fixed-size boxes.
On-screen labels: Wrapped headings; Visible button labels; No clipped text.
-
Step 4: Review the narrow layout
Enlarging the page may trigger a different responsive arrangement.
On-screen labels: Flexible layout; Readable content; Useful navigation.
-
Step 5: Look for hidden controls
Sticky banners and overlays can cover the task when space shrinks.
On-screen labels: Visible fields; Reachable actions; Closable overlays.
-
Step 6: Finish an important journey
Zoom checks help reveal barriers but do not replace a full review.
On-screen labels: Find the service; Complete the form; Record any problem.
A practical check for your business
Increase the browser zoom while reading content and completing a form. Check that text remains available, controls can be reached and important information does not disappear outside the usable layout.
Sources and further detail
Common questions
What happens when someone enlarges your website?
Text and controls should stay useful as the view changes. Keep the task usable when the words are bigger.
Go further
More video tips
All 205 videos →
Mobile Website Menus: 6 Practical Navigation Checks
Check the small-screen route.
Website Breadcrumbs Explained: Show Where a Page Belongs
Breadcrumb navigation, explained.