Success Criterion 2.5.8
Conformance level AA

Pagination Numbers Packed Too Tightly Below 24 Pixels

2.5.8 — Target Size (Minimum)

Scenario

Setting

An online clothing store's product listing page

What’s wrong

Pagination numbers / footnote markers packed tightly, each under 24px with no offset spacing.

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 pagination number targets and their spacing in DevTools: tightly packed targets each under 24px with no offsetting spacing fail.

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 online clothing store's product listing page, this barrier is gone for people with tremor or larger touch contact areas — they reach the same outcome without extra effort.

Who is affected