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

RE: accessible css rollovers WAS whitespace, navigation links, st yled divs

From: Al Gilman <asgilman@iamdigex.net>
Date: Fri, 09 Aug 2002 08:33:14 -0400
Message-Id: <5.1.0.14.2.20020809082511.02196d00@pop.iamdigex.net>
To: "Scarlett Julian (ED)" <Julian.Scarlett@sheffield.gov.uk>, w3c-wai-ig@w3.org

At 05:15 AM 2002-08-09, Scarlett Julian (ED) wrote:

>Andrew
>
>sorry, my mistake in choice of terminology. These rollovers are designed to
>show extra text/images away from the actual link. Eric Meyer calls them
>pop-ups but that term doesn't seem right either. For an example take a look
>at http://www.meyerweb.com/eric/css/edge/popups/demo.html and put your mouse
>(if, indeed, you use a mouse) over the links. Can't see how to make it work
>with a keyboard though :(

A common use of these mouse-over displays is for transient display of 
sub-menus.

See for example

  Popup Menu
  http://jibbering.com/accessibility/menu.html

and more generally find

"Client-side Scripting Techniques"

in

  Development of WCAG 2.0
  http://www.w3.org/WAI/GL/wcag20.html

For those of you with an eye to the future, please review

  Document Object Model (DOM) Level 3 Events Specification
  http://www.w3.org/TR/DOM-Level-3-Events/

in the light of Checkpoint 1.2 ofthe DRAFT UAAG, see

   http://www.w3.org/TR/UAAG10/guidelines.html#gl-device-independence

AlE

>regards
>
>Julian
>
> > -----Original Message-----
> > From: Andrew Johns [mailto:andrew.johns@jkd.co.uk]
> > Sent: Friday, August 09, 2002 10:05 AM
> > To: w3c-wai-ig@w3.org
> > Subject: RE: accessible css rollovers WAS whitespace,
> > navigation links,
> > styled divs
> >
> >
> >
> > > 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?
> >
> >
> >
> > I've always assumed that the most accessible way of doing
> > rollovers was to use css classes, which change
> > onmouseover/onmouseout onblur/onfocus, which according to the
> > guidelines is acceptable, as it'll work in browsers that
> > support javascript and if it's turned off, it doesn't affect
> > the navigation.
> >
> > Is this the wrong method?
> >
> > Kind Regards,
> >
> > Andy
> >
>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 08:33:21 GMT

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