- Success Criterion 2.5.8
- Conformance level AA
Link Cluster With Targets Spaced Too Close Together
2.5.8 — Target Size (Minimum)
Scenario
Setting
A ticket marketplace's seat-selection map
What’s wrong
Link clusters where undersized targets have no spacing exemption (centers closer than 24px).
Example
.seat { width: 18px; height: 18px; margin: 1px; } Why it matters
A buyer trying to pick seat 14C selects 14D instead, since seat links sit closer together than the required spacing.
How to test
Measure a cluster of adjacent text links: if their centers are closer than 24px apart with no spacing exemption applicable, it fails.
How to fix
Seat maps are literal small targets, not exempt inline text, so each seat needs its own spaced 24px target.
.seat { width: 24px; height: 24px; margin: 3px; } Outcome
A buyer selects the exact seat they tapped, every time, with no mis-pick.
Who is affected
People with limited dexterity and touchscreen users selecting seats on a small phone screen.
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
- Pagination Numbers Packed Too Tightly Below 24 Pixels
- 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