Feed on
Posts
Comments

Form Labels

Difficulty: Beginner

Category:

  • Structure
  • Presentation
  • Validation

Most types of form elements (text boxes, text areas, checkboxes, radio buttons, etc.) have a text label adjacent to them that identifies the function of that particular form element (e.g., “First name” adjacent to a text box). Sighted users make a visual associate between a label and its corresponding form element based on proximity and positioning. A user who is blind cannot make this visual association, so the label must be programmatically associated with its form element using the HTML <label> tag. When properly associated, a screen reader will read the text label when it encounters the form element.

<label for=”fname”>First name:</label> <input type=”text” id=”fname”>

For more information, see Creating Accessible Forms

Leave a Reply

MDTAP | 2301 Argonne Drive, Room T17 Baltimore, Maryland 21218| Voice: 410-554-9230 Toll Free ⁄ Voice 1-800-832-4827|Email: mdtap@mdtap.org