Flexible layouts for text spacing (fixed-layouts)

Content reflows or adjusts dynamically to accommodate text spacing changes without overlapping or truncation.


Fixed box causes overlap:

In this example, a paragraph is placed inside a box with a fixed height. If a user increases text spacing (via browser extension or system setting), the text may overflow and overlap the paragraph below. This violates WCAG 1.4.12 (Text Spacing).


Now is the time for all good men to come to the aid of their country.

The quick brown fox jumps over the lazy dog.

Note: Impossible to fully test automatically. Some tools may detect fixed-height containers, but cannot reliably determine if text will clip or overlap after spacing changes. Requires human or AI-based visual inspection.

axe detected: none  |  QualWeb detected: none