In plain English
Small, crowded buttons are hard to tap accurately, especially for anyone with shaky hands, larger fingertips, or a touchscreen. WCAG 2.2 added a minimum size: interactive targets should be at least 24 by 24 CSS pixels, or have enough breathing room around them.
The point is not to make everything huge, it is to make sure people can hit the right thing without hitting the wrong thing.
Who this is for
- People with tremors or motor conditions, who need a margin for error.
- Touchscreen shoppers, especially one-handed on a phone.
- Older users, and anyone in a moving vehicle or awkward position.
How to check and fix it yourself
Look at your smallest tappable things: quantity steppers, close (X) buttons, social icons, star ratings, pagination numbers, footer links. If they are under 24px and packed together, enlarge them or add spacing.
/* Give small controls a minimum hit area */
.icon-button, .qty-button, .close {
min-width: 24px;
min-height: 24px;
}Inline links inside a paragraph are exempt, so you do not have to resize text links in body copy.
Where we can help
Target size is a mobile-first issue, and mobile is where most shopping happens. In an audit we measure your controls on real templates and flag the ones that are too small or too crowded, with the spacing fix. It is a new WCAG 2.2 check and easy to catch in a 10-minute self-check.