WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Hiding Legends


From: Jared Smith
Date: Oct 15, 2008 3:40PM

On Wed, Oct 15, 2008 at 2:48 PM, Dean Hamack wrote:
> Working on a form now and am having trouble hiding the legend.

Try using text-indent:-999px;padding:0; This seems to work in Firefox
and IE6. Form styling in browsers generally sucks.

Why are you hiding the legend anyway? If the legend is hidden and the
content is still visually accessible, then why would it not also make
sense without the legend for a screen reader user? I'm struggling to
think of a case where providing a legend to screen reader users, but
hiding it from sighted users would be useful.

Jared Smith