The CSS `clamp()` function is often paired with viewport units for “fluid” font sizing that scales the text up and down at different viewport sizes. As common as this technique is, several voices warn that it opens up situations where text can fail WCAG Success Criterion 1.4.4, which specifies that text should scale up to at least 200% when the user’s browser reaches its 500% maximum zoom level. Max Barvian takes a deep look at the issue and offers ideas to help address it.

Until recently there was no dedicated method in HTML to identify content as a subheading, subtitle, alternative title or tagline. Now there is.

There seems to be a confusion about the relationship and how to test for the WCAG 2.1 Success Criteria 1.4.4 Resize Text and 1.4.10 Reflow. While these two success criteria seem related, they cover different use cases.

And how to make more informed design decisions.

Gareth Ford Williams, with thanks to Bruno Maag for both editing and the sciency bits, and David Bailey for the Illustrations.

Page Content CSS: Relative Font Sizes Nine Point/Pixel Minimum Beware CSS Sizes X-Small and XX-Small There are two main concerns here. One is ensuring that default font sizes are not too small. Ano…

Table of Contents How Browsers Zoom and Resize Text Avoid Clipped, Truncated, Obscured, and Overlapping Text Avoid Horizontal Scrolling Development Best Practices How Browsers Zoom and Resize Text Users with low vision may prefer to have their browser resize text or zoom into page content to make it easier to read.