WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Forms marked with list elements

for

From: Sandra Clark
Date: Nov 8, 2006 8:50AM

Why add unneeded complexity? There has been css available for along time to
float labels and inputs without adding structure, (beyond a br tag).

<label for="idname">Label goes here</label>
<input id="idname" /><br />

input,
label,
select,
textarea{
float: left;
margin-bottom: .5em;
width: 20em;
}

label{
text-align: right;
width: 10em;
padding-top: .2em;
padding-right: 1.5em;
margin-bottom: 1em;
}
br{
clear: left;
}

Sandra Clark
=============================http://www.shayna.com
Training in Cascading Style Sheets and Accessibility


-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of Jorge Fernandes
Sent: Wednesday, November 08, 2006 9:50 AM
To: <EMAIL REMOVED>
Subject: [WebAIM] Forms marked with list elements

Hi,

Recently I found an article that explain the advantages of marked forms with
list elements. "semantically..." say the author "... a form controls in some
kind of logical order, is a list".

The author outlined stylistic and accessible (??) advantages of using list
elements in a form.

About the accessible issue, I'm not so sure, that could be a good strategy.
What do you think about it?

The article is at:
http://www.alistapart.com/articles/prettyaccessibleforms

Kind Regards, Jorge F.

Address list
messages to <EMAIL REMOVED>