Setting the Input Tag Accessibility Attributes dialog box options

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.

    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.

Related topics

  • Validating HTML form data


Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Defining Sources of Dynamic Content
Developing Applications Rapidly