Touch Targets & Pointer Cancellation (WCAG 2.2)

Tiny buttons and close icons that are easy to click with a high-precision desktop mouse become frustrating and unusable on touchscreens or for people with tremors or motor impairments.

WCAG 2.1 and 2.2 specify clear Target Size guidelines:

• Minimum Touch Area: Interactive elements must have a target area of at least 44 $\times$ 44 CSS pixels (WCAG 2.1 AAA / iOS HIG) or 24 $\times$ 24 CSS pixels (WCAG 2.2 AA minimum with spacing).
• Visual Size vs Hit Area: An icon can appear visually as 16px, provided its clickable hit target (using padding or pseudo-elements) spans at least 44 $\times$ 44px.
• Pointer Cancellation: Actions should trigger on the up event (finger lift), allowing users to drag away before releasing to cancel an unintended tap.