Flexible layouts for text spacing (fixed-layouts)

Content reflows or adjusts dynamically to accommodate changes in font size, line height, paragraph spacing, letter spacing, and word spacing without causing loss of content or functionality, such as overlapping or truncation.

(This subrule is tested more specifically in other test cases such as the next one)


Unadjustable paragraph:

This paragraph doesn't adjust when the font-size is increased:

(In other words, this paragraph is contained within a div that has a fixed size and overflow:hidden, resulting in text clipping.)




Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Note: Possible to automatically test. To detect this violation, check if elements have fixed dimensions that prevent text reflow when font size or spacing is adjusted. Visual inspection by a human tester or AI is recommended to verify that text remains fully visible without clipping.

axe detected: none  |  QualWeb detected: none