Date: 08/22/06 (WebDesign)    Keywords: html, web

I just found this article over at A List Apart (a design/web usability blog) about making better looking accessible forms. I thought others may find it interesting. An example of what they're talking about is below:

http://alistapart.com/articles/prettyaccessibleforms

"It can be time consuming to make web forms both pretty and accessible. In particular, laying out forms where the form label and input are horizontally adjacent, as in the image below, can be a real problem. We used to use tables, which worked well in this scenario—but forms don’t constitute tabular data, so it’s a semantic faux pas.

I’ve tried to create a form-styling solution that is both accessible and portable (in the sense that I can move the code from one project to the next). Floats have often provided a solution to my problem, but given the complexity of some layouts and the numerous float bugs associated with Internet Explorer, it’s not always easy to reuse a float solution. I wanted to create something that anyone could easily reuse on any project: a style sheet that, when applied to a correctly marked up HTML form, would produce the basis of the required layout. So here it is—my attempt at portable, accessible forms."



They give you the full code on the web page. I hope this helps others.

x-posted to graphicdesign

Source: http://community.livejournal.com/webdesign/1154583.html