Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Please see more detailed information on how to comply with this guideline.

Make Controls Easy to Activate

Some people with physical impairments cannot click small buttons that are close together.

Ensure targets meet a minimum size or have sufficient spacing around them.

The size of the target for pointer inputs is at least 24 by 24 CSS pixels, except where:

  • Spacing: Undersized targets (those less than 24 by 24 CSS pixels) are positioned so that if a 24 CSS pixel diameter circle is centered on the bounding box of each, the circles do not intersect another target or the circle for another undersized target;

  • Equivalent: The function can be achieved through a different control on the same page that meets this criterion;

  • Inline: The target is in a sentence or its size is otherwise constrained by the line-height of non-target text;

  • User agent control: The size of the target is determined by the user agent and is not modified by the author;

  • Essential: A particular presentation of the target is essential or is legally required for the information being conveyed.

Ensure that targets can be easily activated without accidentally activating an adjacent target. Users with dexterity limitations and those who have difficulty with fine motor movement find it difficult to accurately activate small targets when there are other targets that are too close.

Providing sufficient size, or sufficient spacing between targets, will reduce the likelihood of accidentally activating the wrong control.

Disabilities addressed by this requirement include hand tremors, spasticity, and quadriplegia. Some people with disabilities use specialized input devices instead of a computer mouse or trackpad.

Typically these types of input device do not provide as much accuracy as mainstream pointing devices. Meeting this requirement also ensures that touchscreen interfaces are easier to use.

Please see more detailed information on how to comply with this guideline.

WCAG Related References

2.5.1 Pointer Gestures (Level A)

...

2.5.4 Motion Actuation (Level A)

2.5.7 Dragging Movements (Level AA)

2.5.8 Target Size Minimum (Level AA)