• Success Criterion 2.5.8
  • Conformance level AA

Star Rating Widget With Tiny, Hard-to-Tap Star Targets

2.5.8 — Target Size (Minimum)

Scenario

Setting

A survey tool's question builder

What’s wrong

Star-rating widgets with tiny per-star targets.

Example 

.star-input .star { width: 14px; height: 14px; margin: 0; }

Why it matters

A survey designer previewing the rating question can't reliably select 4 stars instead of 3 or 5 in the tiny preview.

How to test

Measure individual star targets in a rating widget: tiny per-star hit areas with no spacing compensation fail.

How to fix

Star ratings are a classic undersized-target pattern, so size the whole clickable star icon, not just its glyph.

.star-input .star { width: 24px; height: 24px; margin: 0 2px; }

Outcome

A designer clicks the fourth star precisely and the preview updates to match.

Who is affected

People with tremor and limited fine motor control testing the survey before publishing.

Learn more

Related scenarios