WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Showing / Hiding a Layer

for

From: Steve Robillard
Date: Apr 1, 2009 1:45PM

Google juicystudio(s) jez lemon did something along these lines for a help
display

-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of
<EMAIL REMOVED>
Sent: Wednesday, April 01, 2009 2:29 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Showing / Hiding a Layer

I built one not long ago you can check out here:

http://bushidodesigns.net/tooltips/

> -------- Original Message --------
> Subject: [WebAIM] Showing / Hiding a Layer
> From: David Ashleydale < <EMAIL REMOVED> >
> Date: Wed, April 01, 2009 11:17 am
> To: <EMAIL REMOVED>
>
>
> Have any of you come across a good, accessible example of hiding and
> showing a layer on a web page?
>
> I'm trying to implement this type of behavior: a link that a user can
> hover their mouse over or click to show a layer on top of the page
> that displays info about the link. For example, the text of a link
> says "amortization". If a user wants to get a definition of the word
> "amortization", they can hover their mouse over it or click on it.
> When they do so, a box appears near the link that says, "The process
> of paying off a debt, together with interest, usually with equal payments
at regular intervals over a period of time."
>
> The box goes away when the user uses their mouse to move the cursor
> off the link, or when they click a "close" link inside the box.
>
> Has anyone managed to do this in an accessible way?
>
> Thanks,
> David Ashleydale
>