- Success Criterion 2.5.8
- Conformance level AA
Chip or Tag Remove Button Too Small Inside a Dense Group
2.5.8 — Target Size (Minimum)
Scenario
Setting
A car-rental site's checkout flow
What’s wrong
Tag/chip remove ("×") targets far under 24 within dense chip groups.
Example
During an audit of a car-rental site's checkout flow: tag/chip remove ("×") targets far under 24 within dense chip groups.
Why it matters
People with tremor or larger touch contact areas, and anyone tapping on a moving vehicle. On a car-rental site's checkout flow, that means they lose track of where they are on the page.
How to test
Measure chip/tag 'remove' (×) targets within a dense chip group: under 24px with insufficient spacing from neighboring chips 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.
Outcome
With the fix in place on a car-rental site's checkout flow, they complete the task using only the keyboard.
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
- 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