The target size minimum for pointer inputs is at least 24 by 24 CSS pixels.
Introduction
Users with mobility impairments may have difficulty using elements if their target area is small. These users may have trouble with aiming or being able to keep a pointer steady. Larger target areas help these users interact with controls and elements.
How to Pass ‘Target Size (Minimum)’
Ensure that the target areas for all pointer inputs are at least 24 by 24 CSS pixels.
Exceptions
- When there is at least 24 CSS pixels distance to any adjacent target.
- When the target is a sentence or block of inline text.
- When the presentation of a target that doesn’t meet the requirements is essential.
‘Target Size (Minimum) Tips
Making the spacing of targets at least 44 by 44 CSS pixels will pass 2.5.5 – Target Size at Level AAA.
Remember that pointers include both mouse control and touch control.
Although there is a minimum size, the larger the control the easier it is for everyone to use.
Consider making frequently used or important controls larger.
Be careful not to place controls near the edge of a screen as this may be more difficult to reach for some users.
See Also
Free Developer Resources
Join over 3,700 subscribers on my weekly web accessibility email and get free developer resources like WCAG Checklists and special offers.
Over 600 developers like you have learned more about the Web Content Accessibility Guidelines with my guidebook.