• Success Criterion 3.2.2
  • Conformance level A

Radio Selection That Auto-Advances a Multi-Step Wizard

3.2.2 — On Input

Scenario

Setting

A professional networking site's profile editor

What’s wrong

Radio selection auto-advancing wizard steps without warning.

Example 

<input type="radio" name="experience-level" value="senior"
  onchange="this.checked && goToNextStep()">

Why it matters

Choosing Senior in the experience-level question immediately jumps to the next wizard step, so the user has no chance to review or change their selection before moving on.

How to test

Select a radio button in a multi-step wizard: if it auto-advances to the next step without warning, it fails.

How to fix

Advance wizard steps only on an explicit Next action, so selections can be reviewed or corrected first.

<input type="radio" name="experience-level" value="senior">
<button type="button" onclick="goToNextStep()">Next</button>

Outcome

A user picks their experience level, reviews it, and moves on only when they click Next.

Who is affected

Users with motor impairments who might select the wrong radio button by accident get carried forward before they can correct it.

Learn more

Related scenarios