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

RE: Display: none

From: Peter Trainor <peter.trainor@ailondon.co.uk>
Date: Tue, 14 Mar 2006 18:10:06 -0000
Message-ID: <A0CB61816D3A634C91B373CE14106CA001AB10D7@iron.int.arnoldinteractive.com>
To: "Mike Costello" <mike@hma.co.uk>, <w3c-wai-ig@w3.org>
Doesn't work unfortunately, most screen readers will ignore the property
the same way that normal browsers do. I'd recommend something like this

H1 {

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

  text-indent: -9000px;







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




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;




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




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,



Kind regards.


Mike Costello
Senior Developer

Latest News: The Royal Armouries appoints HMA. More....


HMA Designed Solutions
The Coach House
51 Sackville Street
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:10:16 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 13 October 2015 16:21:33 UTC