Categories
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;
}

Categories
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

[transcript]

W3C reference on labels

Sample code: