Wednesday, January 21, 2009
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:
- Enter a name for the form object in the Label text box.
- Select a style:
Wrap with Label tag wraps a label tag around the form item, as follows:
Attach Label Tag using for uses the
for
attribute to wrap a label tag around the form item, as follows: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:
RadioButton3 - Select a Position for the label in relation to the form object: After Form Item or Before Form Item.
- 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.
- 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.
- 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.
0 comments:
Post a Comment