W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > April to June 2005

RE: Form / label examples to review

From: Steven Faulkner <steven.faulkner@nils.org.au>
Date: Tue, 3 May 2005 16:22:56 +1000
To: "'Rebecca Cox'" <Rebecca.Cox@intergen.co.nz>, <w3c-wai-ig@w3.org>
Message-ID: <000a01c54fa8$8c566760$5dc8a8c0@NILSHP0044>
Hi Rebecca, 
here's an example of how I would mark it up;
I have used the fieldset and legend elements to define the form control
groups.
I have also placed the text labels before the text inputs (according to
convention).  
and got rid of the layout table markup.

<fieldset>
<legend>Period covered by Application</legend>
Year and month in 2 digit format. Examples: 1966 = 66, January = 01
<fieldset>
<legend>From</legend>
<label for="mm1">month</label>
<input id="mm1" size="2" type="text">
<label for="yy1">year</label>
<input id="yy1" size="2" type="text">
</fieldset>
<fieldset>
<legend>to</legend>
<label for="mm2">month</label>
<input id="mm2" size="2" type="text">
<label for="yy2">year</label>
<input id="yy2" size="2" type="text">
</fieldset>
</fieldset>

a good article on accessible forms:
http://webstandards.org/learn/tutorials/accessible-forms/01-accessible-f
orms.html


with regards

Steven Faulkner
Web Accessibility Consultant
National Information & Library Service (NILS)
454 Glenferrie Road
Kooyong Victoria 3144
Phone: (613) 9864 9281
Fax: (613) 9864 9210
Email: steven.faulkner@nils.org.au

National Information Library Service
A subsidiary of RBS.RVIB.VAF Ltd.


> -----Original Message-----
> From: w3c-wai-ig-request@w3.org [mailto:w3c-wai-ig-request@w3.org]On
> Behalf Of Rebecca Cox
> Sent: Tuesday, 3 May 2005 3:46 PM
> To: w3c-wai-ig@w3.org
> Subject: Form / label examples to review
> 
> 
> 
> Hi all,
> 
> I'm working on an HTML form which has an area where date input is
> required in the format MM YY (in two separate input fields.)
> 
> I am not sure what the best way to do the label HTML for 
> these, and have
> got an example page with two options up at
> 
> http://users.actrix.co.nz/rebecca.cox/form/
> 
> I'm not interested in the visual presentation of this for the moment,
> but keeping the tab order, HTML order and labels correct.
> 
> In the first example, it gives the format as the <label> text, eg 
> <label>MM</label>
> 
> The second example has more info included in the label text, but does
> not tell you what the format should be, eg <label>From Month</label>
> 
> Any comments on these? Or any good examples I could look at of good
> screen reader friendly forms with this sort of content that I 
> could look
> at?
> 
> Cheers,
> Rebecca Cox


__________________________________________________________________
<< ella for Spam Control >> has removed Spam messages and set aside Later
for me
You can use it too - and it's FREE!  http://www.ellaforspam.com



Received on Tuesday, 3 May 2005 06:23:29 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 19 July 2011 18:14:21 GMT