forms podcast table web

Accessible tableless forms

There are tables, there are forms, and there is accessibility. How should you use, or not use, these on a web page?

Download Web Axe Episode 14

Sample XHTML:

Sample CSS:
form div {
clear: left;
padding .5em 0 0;
margin: 0.5em 0px 0px;
form div label {
font-weight: bold;
float: left;
width: 10em;
margin-right: 1em;

code element forms input label podcast web

Accessible Form Elements

How to add a label tag to a form element. This makes your form element such as an input field accessible and a little more user-friendly.

Download Web Axe Episode 2


W3C reference on labels

Sample code: