WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Javascript Rollovers and accessibility

for

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">
<tr>
<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
exhibit</a><br></td>

<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
gallery</a><br></td>

<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>

</table>



At 12:59 PM 1/21/2003 +0000, you wrote:
>Hi,
>
>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?
>
>Thanks,
>Chet (UK).

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