Setting the Input Tag Accessibility Attributes dialog box options

The purpose of this dialog box is to set form object accessibility options. The screen reader reads the Label attribute for the object.

To set the dialog box options:

1. Enter a name for the form object in the Label text box.
2. Select a style:

   Wrap with Label tag wraps a label tag around the form item, as follows:

   <label>
   <input type="radio" name="radiobutton" value="radiobutton">
   RadioButton1</label>
   

   Attach Label Tag using for uses the for attribute to wrap a label tag around the form item, as follows:

   <input type="radio" name="radiobutton" value="radiobutton" id="radiobutton">
   <label for="radiobutton">RadioButton2</label>
   

   This choice causes the browser to render text associated with a checkbox and radio button with a focus rectangle, and enables the user to select the checkbox and radio button by clicking anywhere in the associated text instead of just the checkbox or radio button control.

   NOTE

   This is the preferred option for accessibility; however, the functionality may vary depending on the browser.

   No Label Tag does not use a label tag, as follows:

   <input type="radio" name="radiobutton" value="radiobutton">
   RadioButton3
   

3. Select a Position for the label in relation to the form object: After Form Item or Before Form Item.
4. Enter a keyboard equivalent (one letter) in the Access Key text box to select the form object in the browser.

   Use the Control key (Windows) with the Access Key to access the object. For example, if you enter B as the Access Key, use Control+B to select the object in the browser.

5. Enter a number for the tab order of the form object in the Tab Index text box.

   Setting a tab order is useful when you have other links and form objects on the page and need the user to tab through them in a specific order. If you set tab order for one object, be sure to set the tab order for all of them.

6. Click OK.

   NOTE

   If you press Cancel, the form object appears in the document, but Dreamweaver does not associate accessibility tags or attributes with it.

Related topics

• Validating HTML form data