A form should help visitors recover from mistakes without losing their work. Clear labels and validation messages are especially important on mobile and for assistive technology users.
Start with the reader’s real question
Associate each label with its input, explain format expectations before submission, focus the first invalid field, and describe how to correct each error.
Build a process your agency can maintain
Do not rely on color alone to indicate errors. Preserve entered values and avoid exposing sensitive values in error logs or analytics events.
Put the guidance into practice
Submit the form with missing and malformed values using a keyboard. Confirm that every error is announced, understandable, and easy to fix.
Take the next step
Put your agency workflow in one place.
Explore the CRM and website builder with sample information in a private, time-limited demo workspace.