Magnification shrinks the visible field to a tiny viewport
Aliases: lens viewport · screen magnifier field · zoomed viewport
What it is
An OS screen magnifier is a lens that tracks the pointer or focus. At 8×, a 1920-pixel-wide display shows about 240 pixels of width. What fits at once is often one control or half a line of type. That is not the same as browser zoom to 200% with reflow, which can still show a whole column. Magnification collapses the whole screen into a moving window.
People on this path work inside that window, not inside the full mockup.
Why it happens
The magnifier scales pixels that have already been painted; it does not reflow the document. Area falls with the square of the zoom factor: 4× leaves roughly a sixteenth of the screen; 16× leaves a hole the size of an icon. The peripheral cues that normally keep place — whether the heading is still in view, which sidebar group this is, which step of a wizard — sit outside the lens. Working memory has to stand in for vision, and the next pan wipes it.
Tracking strategy (follow pointer, follow focus, pan the whole screen) does not change the fact that there is only one “currently visible rectangle.” Any design that assumes the user can cross-check the header against the body, or the question against the options, is assuming a field of view that this path does not have.
Studying it
Run tasks in Magnifier, Zoom, or ZoomText, not only in browser zoom. Treat magnification as a factor: 2×, 4×, 8×, 16×; lens mode (pointer / focus / full screen) as a second factor. Dependent measures: how many task-relevant objects fit in one lens, pans per step, verbal reports of being lost.
The contrast that matters: the same task at 200% browser zoom with reflow. If 200% succeeds and an 8× lens fails, the failure is viewport area, not type size. Do not treat low vision as one group — people who mainly magnify and people who mainly restyle colour should be recruited separately.
Where it stops holding
When browser zoom reflows, a whole column can remain visible and this “tiny viewport” claim weakens. Pinch-zoom on a phone is also a lens, but the screen is already small and the zoom ceiling differs. Screen-reader-only users never take the visual lens. A true single-column layout whose focused block contains everything needed for the current step hurts less — not because the lens grew, but because the step no longer depends on anything outside it.
Applying it
- Keep what one step needs in one block: stem with options, field with its current value, price with the buy button. Do not split them to opposite edges to be “compared.”
- Do not explain the UI by layout (“the right column is filters”). The magnified user cannot see “the right.”
- When keyboard focus moves, the block it lands in should hold the information for that step, so follow-focus magnification has something useful to show.
- How to check: turn on an 8× system magnifier that follows focus. Walk a primary path and count how many steps require panning away and back to read the next needed words. Each extra pan is a step that left context outside the lens.
Related
- Same group: J2.07.2 Scattered related elements force pan-and-search · J2.07.3 A cue must sit next to the element it belongs to · J2.07.4 Screen magnifiers make the pointer easy to lose · J2.07.5 Hover menus can open outside the magnified window · J2.07.6 Some low-vision users rely on color, not zoom — both paths must work · J2.07.7 Dynamic content is missed unless the magnified view is cued
- Nearby: J2.02 Text Resize · J2.11 Reflow and Text Resize · A1.01 Visual field and useful field of view
- Search terms:
magnified viewport·screen magnification·low vision zoom
Cards in the same group
- J2.07.2Scattered related elements force pan-and-search
- J2.07.3A cue must sit next to the element it belongs to
- J2.07.4Screen magnifiers make the pointer easy to lose
- J2.07.5Hover menus can open outside the magnified window
- J2.07.6Some low-vision users rely on color, not zoom — both paths must work
- J2.07.7Dynamic content is missed unless the magnified view is cued