Courses Home Page
508 Home Page
Topics
Laws & Rules
State 508 Standards College Standards

Resources
Design Resources
Graphics Files - Flowers
Graphics - College
Text Readers

Designing Sites
Basic Page Design
Basic 2 Col. Web Site
Writing Center

Site Elements
Data Tables
More Data Tables
Forms
Multimedia
PDF Files

Other Resources

Quick Reference
Web For Students Home Page
Acceptable Use Policy

Making Accessible HTML Forms

1. Making Interactive Forms Accessible
   1. 508 Guidelines
      1. Place labels adjacent to input fields, not in separate table cells , or
      2. If the form label and input element are in separate cells or areas, use an "explicit label" with the "for" attribute
         1. Use <label for="fname">First Name</label> and
         2. Use the id attribute (id="fname") within form input element, e.g., <input type="text" name="fname" id="fname">
2. Interactive Form Example
   1. TechLEAP Form
   2. Report Form