The off left technique is a better solution than display:none which, as Simon points out, most screen readers honor by not announcing it. See discussion at : http://css-discuss.incutio.com/?page=ScreenreaderVisibility
No js required, hiding labels can be solved with a little css.
label {
position:absolute;
left: -9999px;
}
That said, IMHO it is better for accessibility to leave the labels visible so you have a bigger target to hit with your mouse – clicking the label focusses the field which is good for people with motor disabilities.
Terrence Wood
The off left technique is a better solution than
display:nonewhich, as Simon points out, most screen readers honor by not announcing it. See discussion at : http://css-discuss.incutio.com/?page=ScreenreaderVisibilityNo js required, hiding labels can be solved with a little css.
label {
position:absolute;
left: -9999px;
}
That said, IMHO it is better for accessibility to leave the labels visible so you have a bigger target to hit with your mouse – clicking the label focusses the field which is good for people with motor disabilities.