Accessibility
Accessible and performant web forms
Build forms that are easy to use, accessible and optimized for conversion.
Emeric Mathis5 January 2025Updated on 11 May 20261 min read
Forms are the bridge between your visitors and your business: contact, quote requests, newsletter sign‑ups, bookings…
Yet many forms are frustrating, confusing or simply inaccessible to a part of your audience.
What makes a good web form
Clear structure
- Group related fields together
- Use descriptive labels above each input
- Avoid asking for information you don’t actually need
Accessibility basics
- Always associate '<label>' elements with their inputs
- Provide clear error messages and success feedback
- Ensure the form can be completed using the keyboard only
Performance and UX
- Keep forms as short as possible
- Use appropriate input types (email, tel, number, etc.)
- Provide helpful defaults and explanations where needed
In my own contact section, I apply these principles so that getting in touch is fast and comfortable for any user.