WebAIM - Web Accessibility In Mind

E-mail List Archives

use of CSS z-index property to hide content

for

From: Steven Faulkner
Date: Oct 10, 2004 11:14PM

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.