- Success Criterion 2.5.4
- Conformance level A
Onboarding Mini-Game Requiring Device Motion With No Alternative
2.5.4 — Motion Actuation
Scenario
Setting
A nonprofit's donation form
What’s wrong
Device-orientation mini-games in onboarding gates with no alternative and no disable.
Example
window.addEventListener('deviceorientation', (e) => {
ballPosition = mapTiltToPosition(e);
if (ballInTarget(ballPosition)) unlockDonateButton();
});
// donateBtn stays disabled until the tilt mini-game is won Why it matters
A donor who can't tilt their device to roll a ball into a target is blocked from giving money at all.
How to test
Try to pass an onboarding step via a button instead of a device-orientation gesture: if there's no alternative and no way to disable the requirement, it fails.
How to fix
Never gate a core task like donating behind a motion-only interaction; add a skip that unlocks the same way.
<button id="skipGame" onclick="unlockDonateButton()">Skip and continue to donate</button> Outcome
A donor with limited mobility taps Skip and reaches the donation form immediately.
Who is affected
Wheelchair users, people with limited arm or wrist movement, and anyone with the phone fixed in a stand or mount.
Learn more
- Understanding Understanding document (opens in a new tab)