In plain English
People with dyslexia or low vision often loosen up text, more space between lines, letters, and words, because it genuinely helps them read. This rule says your page must cope with that: when someone increases spacing, nothing should get cut off, overlap, or disappear.
The failures look just like the resize-text ones: fixed-height boxes that clip their contents the moment the text needs a bit more room.
Who this is for
- People with dyslexia, who space text out to read it comfortably.
- Low-vision users, who combine spacing with zoom.
How to check and fix it yourself
Use a “text spacing” bookmarklet or browser tool to apply the WCAG spacing values, then look for clipped or overlapping text, especially in buttons, badges, cards, and nav. Fix by letting containers grow instead of locking their height:
/* Good: height grows with content */
.button, .badge { min-height: 2.75em; height: auto; overflow: visible; }Where we can help
Text-spacing breakage is invisible until you apply the override and look, which is part of our audit. We flag every element that clips or overlaps and point to the container fix. It pairs with reflow and resize issues on the common failures list.