W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > January to March 2006

RE: Display: none

From: Juan Ulloa <julloa@bcc.ctc.edu>
Date: Tue, 14 Mar 2006 10:32:49 -0800
Message-ID: <3D3BCD7B347FCE429BA7D7381B56EB160415E6E0@HAWK.bcc.ctc.edu>
To: "Mike Costello" <mike@hma.co.uk>, <w3c-wai-ig@w3.org>
My understanding with display:none is that it will hide it from screen
readers.   So if the goal is not to hide info from screen readers, I
would suggest to move the content off the visible area.  

Here is a link from Mike Rundle regarding an accessible approach to
image replacement:
http://phark.typepad.com/phark/2003/08/accessible_imag.html

Here is another solution:
http://levin.grundeis.net/files/20030809/alternatefir.html

A resource on image replacement methods:
http://www.ryznardesign.com/web_coding/image_replacement/ 

Hope this helps,

 

Juan C. Ulloa
Webmaster, Web Services
Chair, Employee Pluralism Committee
Bellevue Community College <http://www.bcc.ctc.edu/> 
julloa@bcc.ctc.edu <mailto:julloa@bcc.ctc.edu> 
425.564.2487
N258
:-)

 

 

________________________________

From: w3c-wai-ig-request@w3.org [mailto:w3c-wai-ig-request@w3.org] On
Behalf Of Mike Costello
Sent: Tuesday, March 14, 2006 9:58 AM
To: w3c-wai-ig@w3.org
Subject: Display: none

 

Hello,

 

I was just wondering what peoples thoughts were on the use of the css
property "display: none" to provide content to screen readers that's
hidden from visual browsers.

 

The context that I was planning to use this, was to hide h1 text titles
from visual browsers by using the display: none property to hide them
and replacing them with graphical titles displayed using the css
background property.

 

So for example;

 

HTML

 

<h1><span class="hidethis">This is my title</span></h1>   

 

CSS

 

h1 {

    background: url("images/this_is_my_title.gif");

    width: 150px;

    height: 20px;

}

 

.hidethis {

    display: none;

}

 

My belief is that this would render the graphical image of the title in
visual browsers like Internet Explorer etc. and the text h1 title in
screen readers and browsers with CSS turned off. I'm I correct in making
this assumption? What are people's opinion on this methodology?

 

Many thanks in advance of any help anyone can offer,

 

Mike

Kind regards.

--

Mike Costello
Senior Developer

Latest News: The Royal Armouries appoints HMA. More....
<http://www.hma.co.uk/latest.asp#84> 

 <http://www.hmanewmedia.com/hma_designed_solutions.gif> 

HMA Designed Solutions
The Coach House
51 Sackville Street
Barnsley
South Yorkshire
S70 2BZ

t: 01226 209 450
f: 01226 209 451
e: mike@hma.co.uk
w: www.hma.co.uk <http://www.hma.co.uk/> 

This email should not be used by anyone who is not an original intended
recipient. Nor may it be copied or disclosed to anyone who is not an
original intended recipient. If you have received this email by mistake
please notify us by emailing the sender, and then delete the email and
any copies from your system. E-mail transmission cannot be guaranteed to
be secure or error free as information may be intercepted, corrupted or
contain viruses. HMA. nor the sender accepts any responsibility for
viruses contained in this e-mail. It is your responsibility to scan the
e-mail and any attachments for viruses.

Liability cannot be accepted for statements made which are the sender's
own and not made on behalf of HMA.
Received on Tuesday, 14 March 2006 18:33:19 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 19 July 2011 18:14:24 GMT