Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > Adobe Dreamweaver

This chapter is from the book

LABEL-LICIOUS

The new accessibility options for form elements, which can be enabled in Preferences, include a rather cool feature—labels. Supported in the latest browsers, the <label> tag makes it easy to associate any form element with specific text, which appears normally but can also be noted by screen readers. The Input Tag Accessibility Attributes dialog gives you two possible routes to take when creating labels. Use the Wrap with Label Tag when your form element and label are side-by-side; this gives you code like this:

If you prefer to separate the label and form element into separate columns, use the Attach Label Tag Using 'for' Attribute option. This choice results in code like this:

Figure7.15Figure 7.15

  • + Share This
  • 🔖 Save To Your Account