Success Criterion 2.5.8
Conformance level AA

Small Icon Buttons Packed Too Close Together to Tap

2.5.8 — Target Size (Minimum)

Scenario

Setting

An insurance company's claims form

What’s wrong

Icon buttons (close ×, kebab menus) rendered ~16–20px with adjacent targets inside the 24px circle test.

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 icon buttons (close ×, kebab/three-dot menus) in DevTools: if rendered around 16-20px with adjacent targets falling inside the 24px circle test, it fails.

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 an insurance company's claims form, this barrier is gone for people with tremor or larger touch contact areas — they can finish what they came here to do.

Who is affected