Resize Text
Except for captions and images of text, text must be resizable up to 200% without loss of content or functionality.
What it requires
Users with low vision rely on browser zoom (Ctrl/Cmd +) and per-element text resize. WCAG 2.0 SC 1.4.4 requires every page to remain usable when text is resized to 200% — no clipped content, no horizontal scrolling on body text, no broken layout, no buttons with overflowing labels.
The most reliable way to satisfy 1.4.4 is to size text with relative units (`rem`, `em`, `%`) rather than absolute pixels, and to use `max-width` on containers instead of fixed widths.
Common Shopify failure
Hero copy set in `font-size: 18px` and absolute-positioned over a fixed-height background image — at 200% zoom the copy overflows the image and gets clipped. Sticky announcement bar set to `height: 36px` with no overflow handling.
How to fix it
AccessComply's deterministic-fix pipeline rewrites `font-size: <px>` declarations to `rem` equivalents on theme stylesheets and removes fixed-height containers from layout-blocking sections (announcement bar, sticky header).
Primary source: W3C — WCAG 2.0 Understanding 1.4.4