Current Posts

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:
<form>
<label for="txtEmail">Your email:</label>
<input type="text" name="txtEmail" id="txtEmail"/>
</form>

Labels: , , , , , , ,

3 Comments:

At 6:18 AM, Blogger Dennis Lembree said...

Editor's Note: For longer forms, or for stricter accessibility requirements, use the FIELDSET, LEGEND and ACCESSKEY techniques.

 
At 12:34 PM, Anonymous Chris Charlton said...

Fieldsets (with Legends) totally rock! Accesskeys are much needed but I think are hard to generate with form-generator apps, but my Dreamweaver does a really good job when I've completed my form design.

 
At 1:15 AM, Anonymous Wong Online PoKér Hu said...

Thanks for that tip. The information you provided would help me a lot on my future projects.

 

Post a Comment

<< Home

RSS icon; follow the RSS feed for Web Axe
Twitter icon; follow Web Axe on Twitter

Like Web Axe?

Podcast Alley

Odeo

Mapper on Frappr

Add yourself to the Web Accessibility Enthusiasts mapper

Previous Posts