␡
- BRINGING IN SEPARATE PARAGRAPHS FROM WORD
- FOCUS YOUR ATTENTION RIGHT HERE
- WATCH OUT FOR KILLER OCTOTHORPES
- HEADING THIS WAY
- RESCALING AN IMAGE IN DREAMWEAVER
- QUICKLY CLEARING A PAG
- FINDING YOUR ASSETS IN A DARK ROOM (WITHOUT A FLASHLIGHT)
- EVERYBODY, COME ON AND DO DA COMBO, MON!
- CLOWNS TO THE LEFT OF ME, JOKERS TO THE RIGHT...
- ZIPPY FORM ORGANIZATION WITH THE FIELDSET TAG
- WHERE, OH, WHERE HAVE MY WINDOW SIZES GONE?
- STAYING IN GOOD FORM
- PLAYING NICE WITH THE INSERT BAR
- "A" IS FOR ACCESSIBLE APPLETS
- MULTIPLYING RADIO BUTTONS
- FANCY-SCHMANCY FORM BUTTONS
- LABEL-LICIOUS
- BUTTON, BUTTON, WHO'S GOT THE BUTTON?
- ANCHORS AWAY
- BYE, BYE HELPER TEXT
- THAT'S WHAT IT'S ALL ABOUT
- JAVASCRIPT REQUIRED
- TRANSFERING SITES
- NO MORE BROKEN LINKS
- REUSABLE JAVASCRIPT
- VIEW AS ROOT
- INITIALLY SELECTED VALUE
- REQUIRING INPUT
This chapter is from the book
This chapter is from the book
This chapter is from the book
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:
)
Figure
7.15