Target does not meet minimum size or spacing

Link to Target does not meet minimum size or spacing copied to clipboard

target-size-small

Rule

Targets MUST have an area of at least 24 by 24 CSS pixels or are spaced apart so that a 24 pixel diameter circle centered on the target does not touch another target nor a 24 pixel diameter circle placed on the center of any other adjacent targets that are less than 24 by 24 pixels. Exceptions exist.

Background

When targets are small, it is difficult for users with hand tremors and those who have difficulty with fine motor movement to activate them accurately. The minimum recommended size for targets is 24 x 24 CSS px. Providing sufficient size, or sufficient spacing between targets, will reduce the likelihood of accidentally activating the wrong control.

How to Fix

Fix this issue by doing at least ONE of the following:

  1. Ensure that the control has a target size of at least 24 x 24 CSS px.

  2. Ensure that a 24 pixel diameter circle centered on the target does not touch another target nor a 24 pixel diameter circle placed on the center of any other adjacent targets that are less than 24 by 24 pixels