Accessibility Practice: Forms

Challenge: Try filling out the form below. After submitting, notice how the error message doesn’t tell you what went wrong or what to fix.

Select a reason… Support Feedback Submit

Invalid input.

What did you notice?

• Did you notice that the error message was vague? Was it frustrating not knowing what went wrong or which field needed fixing?
• Did you notice that the placeholder text disappeared as soon as you started typing? If you were interrupted or forgot what you were entering, would you be able to tell what the field was for?
• How might these issues create barriers for people who use screen readers or have memory or attention difficulties?

Notice how clear labels and specific error messages make it easier to complete each field. (Note: This form is not interactive.)

Full Name Example error: Please enter your full name.

Email Address Example error: Please enter a valid email address.

Phone Number Example error: Please enter your phone number.

Reason for Contact Select a reason… Support Feedback Example error: Please select a reason.

Submit (Demo Only)