• 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 

.day-cell { width: 20px; height: 20px; font-size: 10px; }

Why it matters

A user scheduling a post for the 23rd taps the 24th instead in the cramped compact calendar.

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

If space is tight, switch to a scrollable single-column list of dates instead of shrinking cells below 24px.

.day-cell { width: 24px; height: 24px; margin: 2px; font-size: 12px; }

Outcome

A user taps the 23rd, and that's the date that actually gets scheduled.

Who is affected

People with low vision and limited fine motor control using a phone screen.

Learn more

Related scenarios