What this criterion requires
Pointer targets must be at least 24 by 24 CSS pixels, or have equivalent spacing so a 24px circle centered on each target does not intersect another target. Inline links and native controls are excepted.
Who it helps
People with tremor and anyone on a small touch screen.
Example: fails vs passes
.icon-btn { width: 18px; height: 18px; margin: 0; }.icon-btn { width: 18px; height: 18px; padding: 4px; } /* 26px hit area */New in 2.2: 24x24 minimum target (or equivalent spacing). Padding can grow the hit area without changing the visual.
How to meet and fix it
- Audit icon buttons, pagination dots, table row actions and close buttons for 24px minimum
- Where visuals must stay small, expand the hit area with padding
Common failures auditors find
- Adjacent icon buttons under 24px with no spacing
- Carousel dots a few pixels wide
Automated scanning catches a share of these instantly - run a free check - and a manual audit covers the judgement calls a tool cannot make.
- W3C, Understanding 2.5.8: Target Size (Minimum) - w3.org/WAI
- W3C, How to Meet 2.5.8 (quick reference) - w3.org/WAI/quickref
Last updated . Reviewed by the EqualWeb accessibility team.
Does your site pass 2.5.8?
Run a free automated check now, or have certified IAAP/CPWA auditors test every criterion and document the result.