WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Hidden Labels

for

From: Peter Krantz
Date: Mar 2, 2007 3:10PM

Using display: none will effectively hide the label from screen readers too. See

http://css-discuss.incutio.com/?page=ScreenreaderVisibility

for details. If you want to hide it from (most) sighted users you can
position it off screen instead of using display: none.

An example is available here:

http://www.webaim.org/techniques/css/invisiblecontent/

Regards,

Peter

On 3/2/07, Kevin Murphy < <EMAIL REMOVED> > wrote:
> I have a form with a label describing a select, but then I hide the
> label with CSS (display: none;) since its pretty obvious what the
> select does. It validates fine with the WAVE tool, but was wondering
> if any one had any thoughts about this being bad from an
> accessibility point of view.
>
> --
> Kevin Murphy
> Webmaster: Information and Marketing Services
> Western Nevada Community College
> www.wncc.edu
> 775-445-3326
>
>
>
>
> --
> Kevin Murphy
> Webmaster: Information and Marketing Services
> Western Nevada Community College
> www.wncc.edu
> 775-445-3326
>
>
>