WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Javascript Rollovers and accessibility


From: Laurie Davis-Covin
Date: Jan 21, 2003 6:48AM

Not javascript, but this might work for you.

<table cellpadding="5" cellspacing="1" width="100%" bgcolor="navy"
summary="for layout only">
<td align="center" valign="middle" bgcolor="#ffcc00" title="museum home"
onmouseover="bgcolor='#6666cc';" onmouseout="bgcolor='#ffcc00';"
width="20%"> <a href="xxindex.htm" class="table">museum home</a><br></td>

<td align="center" valign="middle" bgcolor="#ffcc00" title="featured
exhibit" onmouseover="bgcolor='#6666cc';" onmouseout="bgcolor='#ffcc00';"
width="20%"><a href="../../whats_new.html" class="table">featured

<td align="center" valign="middle" bgcolor="#ffcc00" title="continued
exhibits" onmouseover="bgcolor='#6666cc';" onmouseout="bgcolor='#ffcc00';"
width="20%" class="topnav">continued exhibits<br></td>

<td align="center" valign="middle" bgcolor="#ffcc00" title="photo gallery"
onmouseover="bgcolor='#6666cc';" onmouseout="bgcolor='#ffcc00';"
width="20%"><a href="../../info_desk.html" class="table">photo

<td align="center" valign="middle" bgcolor="#ffcc00" title="museum
facts" onmouseover="bgcolor='#6666cc';" onmouseout="bgcolor='#ffcc00';"
width="20%"><a href="..html" class="table">museum facts</a><br></td>


At 12:59 PM 1/21/2003 +0000, you wrote:
>I read previous posts, but can't seem to get a clear answer to my question.
>If i am using graphics as links and want a rollover effect on them (i.e
>they swap images using javascript) - does this meet accessibility requirements?
>Reading W3C & other guidelines I believe that using javascript for
>rollovers (i.e visual effect only) does not require any additional
>accessibility techniques (although i would use the <noscript> to let users
>with javascript turned off that it is not conveying essential info).
>I am not talking about drop down menu's that i understand aren't generally
>accessible (if at all?).
>Also, If anyone has used javascript rollovers and complied with
>accessibility can i have a look as an example?
>Chet (UK).

Laurie Davis-Covin, Writer/Editor
National Institute of Standards and Techno