Re: [Techs] CSS and invisible labels for forms

I was hoping to discuss this at the techniques teleconference today, but we ran out of time and the item has been moved to next week's techniques teleconference. There's a good chance that I won't be able to make next week, so would like to continue the discussion here to be considered at next week's meeting.

To recap, the proposed techniques are:

1: Hide the label with CSS using display: none
2: Hide the label with CSS by moving it off the visual display
3: Using a transparent single pixel image
4: Using the title attribute on the form control

As the techniques should promote best practice, I'm in favour of either technique 1 or technique 2. Techniques 3 and 4 seem like hacks to me.

Using the title attribute instead of a label takes away the semantics of binding a label to a form control. Going the CSS route encourages techniques such as switchable style sheets to suit visitor's preferences, and gives the author more flexibility in terms of maintainability should they decide to present the labels differently in the future.

Best regards,

Gez

_____________________________
Supplement your vitamins 
Web: http://www.juicystudio.com
Keeping developers informed!
IWA/HWG Member