Making forms accessible

We learned about HTML forms in Chapter 4. Making forms accessible is very important because forms are one of the key areas where users will interact with your site. This is where users will sign up, send feedback, or pay for goods.

Making forms accessible takes some thinking, and there are fundamental practices we should follow when we are creating forms for a web page. By following these practices, we will have gone a long way toward making accessible forms and web pages.

The techniques we will look at here are as follows:

• Labels and input fields
• Fieldsets

A common mistake that’s found in forms across the web can be seen here:

<p>First name:</p>
<br />
<input type="text" id="first-name" />

The following screenshot shows the result of this markup:

Figure 9.5: Form markup

Visually, this markup may look fine. This may be how we’ve designed the...