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

Re: Javascript Image Roll-over

From: Charles McCathieNevile <charles@sidar.org>
Date: Thu, 16 Jan 2003 09:53:02 +1100
Cc: w3c-wai-ig@w3.org
To: Andrew Kirkpatrick <andrew_kirkpatrick@wgbh.org>
Message-Id: <1A480B37-28DC-11D7-877C-000A95678F24@sidar.org>

I think here you are pushing the technology of HTML. SVG certainly 
provides this - even as implemented on mobile phones like the new Nokia 
GSM phones it includes SVG animation.

For CSS you can display text using the "content" property, a la

   a:focus:after {content: attr(title) }

or something similar, or you could get really tricky and use sibling 
relationships and group things inside spans which might work (I haven't 
got time at the moment to try and figure out the whole set of 
relationships and whether it is really possible).

If you are interested in animation, it is sort of like CSS for SVG 
(which also uses CSS) but providing complex dynamic interactions, and 
allowing for descriptions of the animation to be available. The 
difference between using animation and using scripting in SVG is that 
scripting changes the content of the document, whereas animation 
doesn't - it just changes some visual things. (If ever I had spare time 
I would update the animations section in the "Accessibility Features of 
SVG" note, as it is one of the weakest sections because at the time we 
only had a rough understanding of how they would work for 
accessibility. If someone wants to pay me to sit down and do it, please 
email soon <grin/>)

Just some quick thoughts.

cheers

Chaals

On Thursday, Jan 16, 2003, at 08:40 Australia/Melbourne, Andrew 
Kirkpatrick wrote:

>
> On 1/15/03 3:08 PM, "Joe Clark" <joeclark@joeclark.org> wrote:
>> And yes, it's pretty much a wank to use JavaScript for these 
>> functions.
>
> I've been unable to get a:hover or a:focus to modify the properties of 
> a
> different element, which is often done with javascript.  For example, 
> you
> roll over or tab to a button and to the right of the button a related 
> image
> appears (naturally, this related image is useful for understanding the
> content of the button).
>
> Does anyone have any examples of making something like this work 
> without
> javascript/with CSS?
>
> AWK
>
> -- 
> Andrew Kirkpatrick
> CPB/WGBH National Center for Accessible Media
> 125 Western Ave.
> Boston, MA  02134
> E-mail: andrew_kirkpatrick@wgbh.org
> Web site: ncam.wgbh.org
>
> 617-300-4420 (direct voice/FAX)
> 617-300-3400 (main NCAM)
> 617-300-2489 (TTY)
>
> WGBH enriches people's lives through programs and services that 
> educate,
> inspire, and entertain, fostering citizenship and culture, the joy of
> learning, and the power of diverse perspectives.
>
>
--
Charles McCathieNevile           charles@sidar.org
Fundación SIDAR                       http://www.sidar.org
Received on Wednesday, 15 January 2003 17:53:35 GMT

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