Success Criterion 2.5.8
Conformance level AA

Slider Thumb Target Smaller Than the Required Minimum Size

2.5.8 — Target Size (Minimum)

Scenario

Setting

A nonprofit's donation form

What’s wrong

Sliders' thumb targets under 24px with nothing equivalent elsewhere.

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 a slider's draggable thumb: if it's under 24px with no equally-sized equivalent control elsewhere, 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. .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 nonprofit's donation form, this barrier is gone for people with tremor or larger touch contact areas — they no longer have to work around this.

Who is affected