- 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
Watch an online clothing store's product listing page closely and you'll spot this: pagination numbers / footnote markers packed tightly, each under 24px with no offset spacing.
Why it matters
People with tremor or larger touch contact areas, and anyone tapping on a moving vehicle. On an online clothing store's product listing page, this barrier means they can't complete the task using a keyboard alone.
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.
Outcome
Corrected, an online clothing store's product listing page now lets a visitor reach and operate the control without a mouse.
Who is affected
People with tremor or larger touch contact areas, and anyone tapping on a moving vehicle.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Tap Target Smaller Than the Required 24×24 Pixel Minimum
- Small Icon Buttons Packed Too Close Together to Tap
- Tiny Carousel Dots Clustered With No Spacing Between Them
- Calendar Day Cells Too Small to Tap in Compact View
- Toolbar Icons Packed Edge to Edge With No Gap
- Checkbox Hit Area Limited to Its Tiny Visible Glyph