The instructions appended to the end of the label content as "hidden" text .
The hidden text technique requires redundant instructions but gives developers more flexibility for visual layout of the instructions.
This can be a problem if the instructions are coded by hand, since the author must manually check for consistency.
Consistency of hidden and visible instructions can be improved through scripting automation.
The hidden text technique provides greater interoperability for browsers and assistive technologies.
No additional tab stops are introduced with the hidden text technique.
Example Start
Name can only contain letters.
E-mail will only be used to send you copy of your commment and allow us send you a response.
Please comment on the services and resources yu found on this web site.
Example End
HTML Source Code
<div class="inst">
Name can only contain letters.
</div>
<div class="text">
<label for="name">Name <span class="hidden"> can only contain letters</span></label>
<input type="text" size="30" name="name" id="name" />
</div>
<div class="inst">
E-mail will only be used to send you copy of your commment and allow us send you a response.
</div>
<div class="text">
<label for="email">E-mail <span class="hidden"> will only be used to send you copy of your commment and allow us send you a response. </span></label>
<input type="text" size="25" name="email" id="email" />
</div>
<div class="inst">
Please comment on the services and resources yu found on this web site.
</div>
<div class="text">
<label for="comment">Comment <span class="hidden"> Please comment on the services and resources yu found on this web site. </span></label>
<textarea rows="5" cols="50" name="commnet" id="comment" ></textarea>
</div>