Accessible Target Sizes Cheatsheet

What Are Accessible Target Sizes?
Accessible target sizes refer to the minimum clickable or tappable area for interactive elements like buttons, links, and form controls. These sizes ensure users of all abilities—including those with motor impairments or using touch devices—can easily interact with web elements without frustration or errors.
WCAG Recommended Target Size
According to the Web Content Accessibility Guidelines (WCAG) 2.2:
- Minimum target size: 24×24 pixels
- Ideal target size: 44×44 pixels
- Targets should have adequate spacing: at least 8 pixels apart
- Exceptions apply to inline links, text blocks, or when a larger clickable area is available elsewhere
Best Practices for Accessible Targets
- Use padding or margins to increase clickable area without altering layout
- Ensure sufficient contrast and visual indicators for interactive elements
- Avoid placing small touch targets too close together
- Test with a keyboard and screen reader to confirm accessibility
- Consider larger touch targets for mobile and older users