Accessible and performant web forms

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.