Marcelo Paiva

All criteriaPresent as slides

A bearded man in a jacket and gloves looks at a phone beside scaffolding and sky.Meant to show: A big-handed man in thick work gloves and a high-visibility jacket

Success criterion 2.5.8

Target Size (Minimum)

Pointer targets are at least 24 by 24 CSS pixels, or have enough spacing around them.

  • Level AA
  • Principle 2: Operable
  • Guideline 2.5: Input Modalities
  • New in WCAG 2.2

In a user’s words

“I aimed for 'Save' and hit 'Delete'. They're so small and so close they're practically holding hands.”

Who this helps: Motor Impairments

What each role can do

Product manager
Set 24 by 24 px as the minimum target size in the definition of done.
Designer
Space small icons apart and enlarge their hit areas.
Developer
Ensure each target is at least 24 by 24 CSS pixels or has equivalent spacing.
Tester
Check target size and spacing with a target-size tool on mobile breakpoints.

Once it is fixed

“Room to tap! I finally hit what I'm aiming for.”

The quotes are written to illustrate the criterion. They are not testimonials from real people. For the official wording, find 2.5.8 in the W3C quick reference for WCAG 2.2 (opens in a new tab).

Or press the left arrow and the right arrow.