HTML forms are fantastically useful things, but by default they tend to look like something only a mother could love. Fortunately, with the aid of CSS, you can really transform the look of an HTML form, and make it much easier on the eye. This tutorial shows you how.
In HTML forms we looked at the basics of creating HTML forms: GET vs POST, text fields, checkboxes, radio buttons and so on. In this tutorial we’re going to go a step further and look at some of the ways you can make forms more accessible and usable for your visitors.
Web accessibility is important because it makes it easier for users to visit and use your site. This means happier visitors and more traffic!
We’ll cover the following topics:
- Using the
legendelements to group form fields in a logical way
- Adding labels to form fields with the
- Controlling the tabbing order of the elements in a form
- Speeding up form access and improving accessibility through the use of access keys
By the end of this tutorial you’ll be well on your way to designing wonderfully accessible forms. Read on…