Make the touch target large enough
Controls that are too small or placed too close to each other are hard to activate. This can cause frustration, especially for users with motor impairments, hand tremors, or those using assistive tools like a stylus, head pointer, or voice-controlled interface.
WCAG 2.2 recommends that all interactive targets should be at least 24 by 24 CSS pixels. If making them this size is not possible, designers must provide enough spacing so that a 24-pixel circle centered on the target does not overlap with any nearby target. This helps prevent accidental taps and makes interfaces more reliable for everyone.[1]