Achieve section 508 compliance with the label

Section 508, or accessibility concerns, are quickly coming to the forefront of web designer issues.  Dreamweaver MX includes a new form object that is required for 508 compliance ... the label tag.  However, it doesn't do quite what it needs to do so I updated it.

According to bobby, you've got to Explicitly associate form controls and their labels with the LABEL element.  This is done by putting the id of the form control in the for attribute of the label tag.

<input type="checkbox" name="thecheck" id="thecheck" value="checkbox" />
<label for="thecheck">The check</label>

The updated version of the label extension simply gives you a dropdown list with all available id's on the page. You choose which one your label is associated with and click OK.  The ID is inserted into the for attribute without any further editing on your part.

Obviously, there is way more to 508 compliance than a silly little label tag, but at least you wont have to break into code view anymore when applying a label.

Download the extension HERE

Remember that you can always get support for this and any of our extensions from the DWTeam forums at:
forums.dwteam.com

Joel Martinez

www.dwteam.com

back to top ^


Copyright © 2002, DWTeam.com. All Rights Reserved.