WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Hidden Labels

for

From: Jon Gunderson
Date: Mar 2, 2007 4:20PM

When you use display: none screen reader usually will not speak the content.

Use:

position: absolute; top: -20em; left: -200em;

This css renders the label outside the graphical viewing area.
Jon


---- Original message ----
>Date: Fri, 2 Mar 2007 13:50:45 -0800
>From: Kevin Murphy < <EMAIL REMOVED> >
>Subject: [WebAIM] Hidden Labels
>To: WebAIM Discussion List < <EMAIL REMOVED> >
>
>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
>
>
>