Labels inside Text fields (was: horizontal log in fields on web apps)

3 Jun 2008 - 11:37pm
1093 reads
Pankaj Chawla
2008

On 6/4/08, Nathanael Boehm <nat at purecaffeine.com> wrote:
> Just keep in mind accessibility too if you're going to be putting the visual
> label inside the form field as a value attribute instead of a label before
> the field, as well as issues when no JS enabled/supported. Not a major
> problem, but just make you consider those two requirements ... it can be
> annoying have to manually strip out the contents of a field when there's no
> JS to do it for you - especially if you're using a screen-reader and don't
> notice that you're submitting a search query for "Search archives ...design"

Another big problem with labels inside text inputs is when the form is
big and asking for lot of information. The problem is as soon as you
TAB into the next input field, the label goes off and you have no clue
what was to be inputted because when you press the TAB your eyes are
still in the current text field or on the keyboard and have rarely
moved to the new field that is getting acivated after the TAB. The
even bigger problem is that there is no way to get the label back even
if you move out of the text field keeping it empty. The only solution
is to reload the page and start again and it can be a pain if the form
is big.

Cheers
Pankaj

Syndicate content Get the feed