Skip to main content
All For Web For All

text size

GUIDELINES 1.4.4

back

Who is impacted

Users with low vision who need to enlarge text to read content comfortably.

How to test

Zoom your browser to 200% and verify all text remains readable and no content is clipped or overlapping.

Resources

Visit W3C Understanding Resize Text and WebAIM for detailed guidance.

Resizable Text

Users should be able to resize text up to 200% without assistive technology and without loss of content or functionality. This means avoiding fixed font sizes in pixels where possible and using relative units like em, rem, or percentages instead.

When text is resized, the layout should adapt gracefully. Content should not overflow, overlap, or become hidden. Horizontal scrolling should not be required to read a line of text at 200% zoom.

Implementation Tips

Use responsive design techniques and relative units for typography. Set base font sizes on the html or body element and use rem units throughout. Avoid setting fixed heights on containers that hold text, as enlarged text may overflow. Test your layouts at various zoom levels to ensure content remains accessible.