- Success Criterion 2.5.8
- Conformance level AA
Checkbox Hit Area Limited to Its Tiny Visible Glyph
2.5.8 — Target Size (Minimum)
Scenario
Setting
A used-car marketplace's listing filter
What’s wrong
Checkbox/radio hit areas limited to the 13–16px native glyph with label not part of the target.
Example
Picture a used-car marketplace's listing filter: checkbox/radio hit areas limited to the 13–16px native glyph with label not part of the target.
Why it matters
People with tremor or larger touch contact areas, and anyone tapping on a moving vehicle. In this case (a used-car marketplace's listing filter), they can't complete the task using a keyboard alone.
How to test
Measure a checkbox/radio's actual clickable hit area: if it's limited to just the 13-16px native glyph and the adjacent label text isn't part of the clickable target, 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.
Outcome
Once corrected, a used-car marketplace's listing filter lets them 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