Success Criterion 2.5.8
Conformance level AA

Tap Target Smaller Than the Required 24×24 Pixel Minimum

2.5.8 — Target Size (Minimum)

Scenario

Setting

A subscription box service's account settings

What’s wrong

The toggle switches in account settings render at 16 by 16 pixels with no spacing between them, well under the 24-by-24-pixel minimum target size the criterion requires.

Example

.icon-button { width: 16px; height: 16px; }

Why it matters

People with tremor or larger touch contact areas, and anyone tapping on a moving vehicle.

How to test

Measure the target's clickable area in DevTools: it must be at least 24x24 CSS px, or have enough spacing that a 24px circle centered on it doesn't touch another target, or have an equally-sized equivalent elsewhere.

How to fix

The target must be at least 24x24 CSS px, or have enough spacing that a 24px circle around its center overlaps no other target, or a compliant equivalent control must exist. .icon-button { width: 24px; height: 24px; } Interactive targets need at least 24 by 24 CSS pixels, or enough spacing that adjacent targets don't overlap that minimum.

Outcome

On a subscription box service's account settings, this barrier is gone for people with tremor or larger touch contact areas — they no longer have to work around this.

Who is affected