- Success Criterion 2.5.8
- Conformance level AA
Calendar Day Cells Too Small to Tap in Compact View
2.5.8 — Target Size (Minimum)
Scenario
Setting
A photo-sharing app's upload screen
What’s wrong
Calendar day cells or time slots under 24px in compact views.
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 calendar day cells or time-slot targets in a compact view: under 24px with no spacing compensation 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. .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 a photo-sharing app's upload screen, this barrier is gone for people with tremor or larger touch contact areas — they get the same result as anyone else here.
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
- Toolbar Icons Packed Edge to Edge With No Gap
- Checkbox Hit Area Limited to Its Tiny Visible Glyph