Component Library
Line Spacing - Text
Issue Description
Users sometimes need to adjust content presentation to ensure readability. Potential issues;
- Line spacing is insufficient.
- Text is visually cut off.
- Text overlaps.
Recommendation
In content implemented using markup languages that support specific text style properties, no loss of content or functionality occurs when adjusting the line, paragraph, letter, and word spacing. (text-spacing bookmarklet);
- Line height (line spacing) to at least 1.5 times the font size;
- Spacing following paragraphs to at least 2 times the font size;
- Letter spacing (tracking) to at least 0.12 times the font size;
- Word spacing to at least 0.16 times the font size.
The page must reflow properly when these settings change so that all content is still visible.