Skip to content

Rule · Accessibility

Touch target is smaller than 24×24 px

a11y/target-sizewarnvoid a11yupdated

Why it matters

Small targets are hard to hit for people with motor impairments and for everyone on a phone (WCAG 2.5.8 requires 24×24 CSS px; 44px is the comfortable size).

How to fix it

Give icon buttons and links at least 24px (ideally 44px) of hit area with padding, or extend the hit area with a pseudo-element.

Example

css
.icon-btn { min-width: 44px; min-height: 44px; display: inline-grid; place-items: center; }

References

void a11y reports 48 rules in this category. WCAG 2.2 AA through axe-core, plus checks axe can't do alone: visible keyboard focus, 24/44px target size on mobile, 320px reflow and disabled zoom.