Target Size (Minimum) (2.5.8)
Interactive targets must be at least 24 by 24 CSS pixels in size, with exceptions for inline links, targets whose size is determined by the user agent, and targets with sufficient spacing.
WCAG Reference
Applies to: WCAG 2.2 Introduced in: WCAG 2.2 | Level: AA | Read the official specification →
What this rule checks
The scanner measures the rendered size of interactive elements (buttons, links, form controls) and flags those smaller than 24x24 CSS pixels that do not meet any exception criteria.
Why it matters
Users with motor impairments, tremors, or limited dexterity need adequately sized targets to tap or click accurately. Small targets lead to frequent mis-taps and frustration.
Common failure patterns
- icon buttons (close, favorite, share) rendered at 16x16 pixels with no padding
- densely packed toolbar buttons with no spacing between them
- small checkbox or radio button hit areas that rely on the browser default size
- action links in compact table rows with minimal padding
Remediation guidance
- ensure clickable areas are at least 24x24 CSS pixels (44x44 is recommended for touch interfaces)
- add padding or transparent borders to increase the hit area without changing the visual size
- use
min-widthandmin-heighton interactive elements - increase spacing between adjacent small targets so users can tap accurately
