WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: use of CSS z-index property to hide content

for

From: Terrence Wood
Date: Oct 11, 2004 12:27AM

I've been inclined to use the off-left method, but a negative z-index
sounds like a good alternative way to hide visual stuff.

I am intrigued by the thread at juicystudio because I think the better
the labeling of form controls the better the usability for everyone, and
I can't work out why you would want to hide labels.

I have been experimenting with providing extended instructions and/or
inline help for forms by rewriting the document to show/hide content
with a little css and javascript.

I am curious to find out if changes to the structure of the document in
real time creates a barrier for screen readers (or other assistive
technologies).


regards
Terrence Wood.


steven.faulkner wrote:
> Hi i have been following a discussion at Juicy Studios
> about invisible form prompts
> http://www.juicystudio.com/invisible-form-prompts.asp
> I had a look at this issue myself and found that that the CSS z-index
> property can be used to place elemnts (e.g. labels) behind other elements
> (effectively hiding them from visual display, but still available to screen
> readers)
>
> code example:
> poot
>
>
> I have tested the display in various browsers and screen readers and have
> found no issues (so far).
> does any one have any thoughts on this method?
>
> with regards
>
> Steven Faulkner
> Web Accessibility Consultant
> National Information & Library Service (NILS)
> 454 Glenferrie Road
> Kooyong Victoria 3144
> Phone: (613) 9864 9281
> Fax: (613) 9864 9210
> Email: <EMAIL REMOVED>
>
> National Information Library Service
> A subsidiary of RBS.RVIB.VAF Ltd.
>
> ----
> To subscribe or unsubscribe, visit http://www.webaim.org/discussion/
>