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

.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 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. .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 used-car marketplace's listing filter, this barrier is gone for people with tremor or larger touch contact areas — they can finish what they came here to do.

Who is affected