W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > July to September 2002

RE: whitespace, navigation links, styled divs

From: Scarlett Julian (ED) <Julian.Scarlett@sheffield.gov.uk>
Date: Fri, 9 Aug 2002 08:08:16 +0100
Message-ID: <F9BE3B1AB649D311A573009027852E4D02878D89@EDUC_MXS>
To: w3c-wai-ig@w3.org

I have done something similar to that; put a "." in a span after each link
and style it to display:none. I don't think this causes any problems for
anyone although if it does I would really like to know. This first came to
my attention when I was playing around with some  Eric Meyer styles and
remember thinking at the time that this would come up on the list sooner or
later ;-)

On a similar theme Mr Meyer also has a way of creating pure css roll-overs
that look great for the browsers that support it but I'm wondering how they
will 'sound' in a screen-reader and look in a text-browser. They work thus:

<a href="path/to/page.htm">link text<span>roll-over text</span></a>

the <span> is set to display:none and then using a:hover it is set to
display:block with fixed positioning. My first thought is that the roll-over
text will get read out in screen-readers as part of the link text because it
is contained within the <a> tags but I can't see another way of creating the
same effect that would be accessible. Any ideas?


> -----Original Message-----
> From: Andrew Johns [mailto:andrew.johns@jkd.co.uk]
> Sent: Thursday, August 08, 2002 6:05 PM
> To: w3c-wai-ig@w3.org
> Subject: whitespace, navigation links, styled divs
> Hello everyone,
> I've had a look on google and the w3c list archive, but I've 
> not found any discussion about this yet.
> I know that you need to seperate links with more than 
> whitespace, e.g. [link] [link] or link | link, and I usually 
> do this when I have standard text links.
> I basically have a left menu created using styled divs, to 
> make each link look like a button.  When you remove the 
> styles, you end up with a list of links:
> Home
> Link 1
> Link 2
> Link 3
> etc
> Bobby testing picked up on this...but how do I get round it 
> without it affecting the original design too much?  Maybe I 
> should add [ ] around each one, and then hide the [ ] with 
> styles...maybe using display: none, white font colour, etc?
> All thoughts welcome!
> Kind Regards,
> Andrew Johns
> ---
> Andrew Johns
> Developer
> Westminster Business Square
> 1-45 Durham Street
> London 
> SE11 5JH
> Tel:  020 7793 9399
> Fax: 020 7793 9299
> URL:  www.jkd.co.uk
> ---
> James Kelsey Design Ltd (JKD) or The Incepta Group plc and 
> its subsidiary companies may not be held responsible for the 
> content of this email as it may reflect the personal view of 
> the sender and not that of the company. JKD run anti virus 
> software on all servers and all workstations, they can not be 
> held responsible for any infected files that you may receive. 
> JKD advises all recipients to virus scan any file attachments.
The information in this email is confidential. The contents may not be disclosed or used by anyone other than the addressee.  If you are not the addressee, please tell us by using the reply facility in your email software as soon as possible. Sheffield City Council cannot accept any responsibility for the accuracy or completeness of this message as it has been transmitted over a public network.  If you suspect that the message may have been intercepted or amended please tell us as soon as possible.
Received on Friday, 9 August 2002 03:08:34 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 20:36:10 UTC