Tight letter spacing on body text
Why it matters
Negative letter spacing makes letters touch, which blurs words for many readers.
How to fix it
Remove negative letter-spacing on body text (small amounts on large headings are fine).
p { letter-spacing: normal; }Read the W3C guidance: Understanding 1.4.12 Text Spacing.
Related rules
- Line spacing is tight (WCAG 1.4.12)
- Text is cut off when spacing is increased (WCAG 1.4.12)
- Text is smaller than 12px (WCAG 1.4.4)
- Body text is smaller than 16px (WCAG 1.4.4)
Find this on your own site. A11yMate scans every page and lists where it happens. See pricing or browse all rules.