Touch Target Design

Design interactive elements that are large enough, spaced enough, and forgiving enough for people with limited precision — whether from disability, age, environment, or device.

Minimum Sizes

Touch (mobile, tablet)

• Minimum: 44×44 CSS pixels (WCAG 2.2 Level AA)
• Recommended: 48×48 CSS pixels (Google Material guidelines)
• For high-stakes or frequent-use targets: 56×56 or larger

Pointer (desktop)

• Minimum: 24×24 CSS pixels (WCAG 2.2 Level AA)
• Recommended: 32×32 for common actions
• For destructive or irreversible actions: larger targets reduce errors