Designing Mobile-First, Accessible Surveys

Most survey responses now arrive from a phone, often filled out in a few idle minutes rather than at a desk. Design for that reality first, and desktop takes care of itself.

Keep one question per screen on mobile

A long scrolling page of questions is easy to lose your place in on a small screen. One question per page keeps focus and makes progress feel concrete.

Use question types that work with a thumb

Large tap targets for single- and multiple-choice questions beat typed answers wherever the option list is short - reserve open-text fields for where you genuinely need someone's own words.

Support keyboard and screen-reader navigation

Every question, label, and error message should be reachable and readable without a mouse. Test your survey by tabbing through it and by zooming the page to 200% - both reveal problems a visual glance won't.

Make errors recoverable

If a required question is missed, tell the respondent exactly which one and scroll them to it - don't just show a generic "please complete all fields" banner and make them hunt.

Test on a real device, not just a resized browser

Simulated mobile views miss real touch-target sizing and on-screen keyboard behavior. Send yourself a test link and take the survey on an actual phone before launch.