Very thin text at small sizes
Why it matters
Hairline weights vanish on low-resolution screens and in bright light, especially at small sizes.
How to fix it
Use a weight of 300 or heavier for text below 24px.
body { font-weight: 400; }Read the W3C guidance: Understanding 1.4.8 Visual Presentation.
This is a check that needs a person. A11yMate flags it for review rather than reporting a failure.
Related rules
- Lines of text are very long (WCAG 1.4.8)
- Text is justified (WCAG 1.4.8)
- Long passage in capitals (WCAG 1.4.8)
- Long passage in italics (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.