Website form checklist

7 Website Form Mistakes That Make a Simple Request Hard

Someone has decided to contact you, request a quote or try the product. The form should help them finish that job.

Imagine a visitor who has read your service page and wants a quote. The form asks for a company size that does not fit, rejects a phone number without explaining why, then clears the message when they go back. The offer may be clear; completing the request is not.

This is a practical review of the form itself, from the first field to the confirmation. The examples are hypothetical. The recommendations draw on W3C accessibility guidance, not a study of conversion rates or AI rankings. Use a test environment and test details when checking a live submission flow.

Illustrative interfaceGIST / FIELD NOTES
A useful error keeps the answer and explains the correction.

An invented quote-request form, shown after an invalid email entry. These are diagrams, not live controls.

A / A visitor has to start again

Something went wrong.
Email address
Your message
Submit
?The error gives no correction and the message is lost.

B / A visitor can fix one field

Check your email address.

Email address

alex.example.com

Include an @ sign, as in alex@example.com.

Your message

I need a quote for our two offices.
Request a quote
1The label stays visible.2The message survives the correction.

Illustrative example based on W3C error-feedback and redundant-entry guidance. No conversion effect measured.

1. You ask for information the next step does not need

A first conversation may need a name, a reply address and a description of the problem. It may not need a street address, annual revenue and a precise implementation date.

For each field, ask what happens differently because the visitor supplies it. If nobody uses the answer until a later stage, consider asking then. If it is optional, say so.

W3C recommends simple forms that ask only for information needed to complete the process. That does not mean every form should have the same number of fields. A delivery order and a newsletter signup have different requirements. W3C forms guidance.

Try this: have the person who handles incoming requests explain the purpose of every required field. Unexplained fields are candidates for removal or follow-up.

2. The label disappears as soon as someone starts typing

A pale “Email address” hint inside an empty box may vanish when the visitor types. Someone returning to check their answers now has to remember which field was which.

Keep a clear label associated with each control. Make the field’s purpose available to people using assistive technology as well as people looking at the screen. A visual label that is not connected to the field in the code leaves part of that job unfinished.

W3C explains how labels identify controls and make them easier to operate, including through screen readers and speech input. Labeling controls.

Try this: fill the form with test data, then read it back. Can you still identify every answer without deleting anything?

3. You reveal the rules only after rejecting the answer

A visitor enters a phone number with spaces. The form rejects it, but the required format was never shown. Or a message has a character limit that appears only after the person finishes writing.

Put necessary instructions beside the relevant field before the user encounters an error. Explain required formats with a useful example. Ask your developer whether harmless variations can be accepted instead of making people reformat valid information.

W3C’s instructions and validation guidance covers explaining constraints and checking entries in ways that help users succeed. Keep technical field names out of reader-facing messages. Form instructions and input validation.

Try this: use a plausible entry that differs from the example’s formatting. If it is rejected, can a new visitor tell exactly how to correct it?

4. “Something went wrong” is the whole recovery plan

A red outline may show where the problem is, but it does not explain what to do. A generic banner at the top can be even less useful when the problem is several screens below it.

Identify the affected field and explain the correction in ordinary language. If several fields need attention, a clear summary with routes to them can save a search through the form. Do not rely on color alone to communicate failure.

W3C recommends concise feedback that explains errors and helps users correct them. The message also needs to be available to assistive technology. User notifications.

Try this: deliberately leave one required field empty in a test form. Check whether a keyboard user can find the problem and fix it without starting over.

Review diagramGIST / FIELD NOTES
A correction belongs inside the same request.

Follow a test request through an error and back to completion.

  1. Enter the detailsThe label and format instructions are visible.
  2. Find the errorThe message identifies the field and the correction.
  3. Correct one answerPreviously entered details remain where appropriate.
  4. Receive a truthful confirmationSuccess appears only after the request is accepted.

Proposed test path. Use an approved test environment; this diagram submits nothing.

5. Fixing one answer makes people enter everything again

A visitor gets to the final step, notices the wrong plan, goes back—and loses the name, address and explanation already entered.

Keep previously entered information available within the same process where it is appropriate. Give the person a way to review and correct it. If billing and delivery details are the same, an option to reuse them is more helpful than two mandatory rounds of typing.

W3C’s redundant-entry guidance addresses information that must otherwise be re-entered during the same process, with exceptions such as security and information that is no longer valid. It is not a requirement to retain every sensitive field indefinitely. Redundant entry.

Try this: make a correction from the last step of a test journey. Note what survives, what disappears and whether the reason is clear.

6. A custom control works only with a mouse

The dropdown looks polished, but pressing Tab skips it. A visitor can open a menu with the keyboard but cannot choose an option or escape it. A checkbox has no usable label.

Test the whole path with a keyboard, including selections, corrections and the final action. Ask the developer whether a standard form control would do the job. Custom controls need to preserve the interaction and accessibility people expect.

W3C documents the additional work involved in accessible custom controls. Styling a component does not establish that its behavior works. Custom form controls.

Try this: put the mouse aside. Move through a test form, change a choice and return to an earlier field. The current position should remain visible.

7. The button and confirmation leave different expectations

“Get a quote” should not leave someone wondering whether they requested a call, booked an appointment or received an estimate. “Submit” alone says little about what will happen next.

Name the action clearly. Once the system has actually accepted it, confirm what happened and explain the next step. If a request failed, say that instead of displaying the success state. Avoid response-time promises your team cannot meet.

W3C treats success feedback as part of helping someone complete a form. A confirmation is useful information, not just a decorative green tick. Submission feedback.

Try this: ask a colleague unfamiliar with the process to explain what they expect before clicking and what they believe happened afterward. Resolve any mismatch.

Review a complete request, not an empty form

Choose one important journey and follow it through a normal submission, a correctable mistake and a return to an earlier step. Use an approved test path so the exercise does not create real orders, unwanted messages or customer records.

This review complements making your brand easier to understand. One concerns the information people need; the other concerns whether they can act on it. Neither checklist alone proves accessibility conformance or a conversion lift.

What do people hear about your brand before they reach that form? Try Gist’s free Quick Scan for a relevant topic. It shows a snapshot of your presence in tested AI answers; checking the form itself remains a separate website task.