Text is smaller than 12px
Why it matters
Very small text is hard to read for everyone, and people zooming in may hit layout limits sooner.
How to fix it
Make readable text at least 12px, and body text at least 16px.
small, .meta { font-size: 0.875rem; } /* 14px */Read the W3C guidance: Understanding 1.4.4 Resize Text.
Related rules
- Pinch zoom is switched off (WCAG 1.4.4)
- Body text is smaller than 16px (WCAG 1.4.4)
- Line spacing is tight (WCAG 1.4.12)
- Lines of text are very long (WCAG 1.4.8)
Find this on your own site. A11yMate scans every page and lists where it happens. See pricing or browse all rules.