Click target is smaller than 24 by 24 pixels
Why it matters
Tiny buttons and links are hard to hit with a finger, a tremor, or a mouse. WCAG 2.2 AA asks for at least 24 by 24 CSS pixels, unless there is spacing around them.
How to fix it
Increase the size or padding of the target, or leave 24px of space around it.
.icon-button { min-width: 24px; min-height: 24px; padding: 8px; } Read the W3C guidance: Understanding 2.5.8 Target Size (Minimum).
Related rules
- Click target is smaller than 44 by 44 pixels (WCAG 2.5.5)
- No visible focus indicator (WCAG 2.4.7)
- Focused element is hidden behind a sticky header (WCAG 2.4.11)
- Page scrolls sideways at 320px wide (WCAG 1.4.10)
Find this on your own site. A11yMate scans every page and lists where it happens. See pricing or browse all rules.